flux ux wizard - Changing steps based on a dropdown box

Vote count:

0

I am using Flux UX wizard and I am going to have 4 different forms I want to implement into based on a dropdown. So the dropdown has Car, Van, Boat, Plane and the different attributes associated with the different forms. These wizards will also have different steps also, EG: car = 2 steps, plane = 4, boat =2 and Van = 5. So how can I manipulate the current numSteps within the JS code so that the button on each of the last steps says Finish.

The buttons are detected off the below code:

                                                        <ul class="steps">
                                                            <li data-target="#step1" class="active">
                                                                    <span class="badge badge-info">1</span>Step 1<span class="chevron"></span>
                                                            </li>
                                                            <li data-target="#step2">
                                                                    <span class="badge">2</span>Step 2<span class="chevron"></span>
                                                            </li>
                                                            <li data-target="#step3">
                                                                    <span class="badge">3</span>Step 3<span class="chevron"></span>
                                                            </li>
                                                            <li data-target="#step4" id="step4tab">
                                                                    <span class="badge">4</span>Step 4<span class="chevron"></span>
                                                            </li>
                                                    </ul>

Can someone tell me how to achieve this?

asked 53 secs ago

user3803186

1