FuelUX Wizard component - how to manually select active step?

Question

I'm not seeing any documentation for this.

How do you manually select which panel is active in the wizard component?

I know it's in there somewhere because you can click on one of the tabs once it's been passed, and navigate back to a previous tab.

Answer 1

Yes, you can change wizard step:

$('#MyWizard').wizard('selectItem', { step: step });

UPDATE:

After the last updates now it works with selectedItem

$('#MyWizard').wizard('selectedItem', { step: step });

Note the change from select to selected*.

Answer 2

I don't think there is a way to directly set the active panel since the upcoming steps are disabled until activated using prev/next.

Once a step has been "activated" you could use jquery to trigger a tab click..

$('[data-target=#step2]').trigger("click");

Here is a working example: http://www.bootply.com/60319 -- If you navigate to the last step (5), there is a link that returns to step 2.