# Wizard only works in Tab 1

**URL:** <https://forum.bootstrapstudio.io/t/wizard-only-works-in-tab-1/3909>\
**Category:** Bootstrap Studio Help\
**Created:** [November 15, 2017, 10:07pm UTC](https://forum.bootstrapstudio.io/t/wizard-only-works-in-tab-1/3909 "2017-11-15T22:07:53Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![chantal](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/c/85f322/32.png) [@chantal](https://forum.bootstrapstudio.io/u/chantal)\
**Post date:** [November 15, 2017, 10:07pm UTC](https://forum.bootstrapstudio.io/t/wizard-only-works-in-tab-1/3909/1 "2017-11-15T22:07:53Z")

</div>

Hello, I'm hoping you can help me figure out a mystery. I am using two drag-and-drop items that you all have access to. 1. The tabs component from bootstrap studio. 2. The MUSA\_form-wizard from the bootstrap studio online area.

The MUSA\_form wizard works perfectly on tab 1, i.e. when you push the buttons it takes you through the icons and also through the steps. When you put the same MUSA-form wizard on tab 2, it stops working. When you push the buttons the wizard takes you through the icons but stays stuck on step 1. Can anyone think of a way around this problem? I need really need a wizard for tab 2. I'm open to using different code if anyone has something else that works.

---

<div class="post-metadata">

**Author:** ![saj](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/saj/32/708_2.png) [@saj](https://forum.bootstrapstudio.io/u/saj)\
**Post date:** [November 15, 2017, 10:55pm UTC](https://forum.bootstrapstudio.io/t/wizard-only-works-in-tab-1/3909/2 "2017-11-15T22:55:28Z")

</div>

I'm not MUSA and I don't have the wizard. However, I'd think you may need to look at whether or not there is an ID conflict happening. ID's are specific and should only be used once on a page. For example, if you have something like

```auto
<div class="tab-content">
    <div class="tab-pane active" role="tabpanel" id="tab-1">
        <div id="MUSA-form-wizard-1">...</div> /* conflicting ID */
    </div>
    <div class="tab-pane" role="tabpanel" id="tab-2">
        <div id="MUSA-form-wizard-1">...</div> /* conflicting ID */
    </div>
    <div class="tab-pane" role="tabpanel" id="tab-3">
        <p>Content for tab 3.</p>
    </div>
</div>

```

You would need to modify the second wizard like so

```auto
<div class="tab-content">
    <div class="tab-pane active" role="tabpanel" id="tab-1">
        <div id="MUSA-form-wizard-1">...</div>
    </div>
    <div class="tab-pane" role="tabpanel" id="tab-2">
        <div id="MUSA-form-wizard-2">...</div> /* changed so no conflict */
    </div>
    <div class="tab-pane" role="tabpanel" id="tab-3">
        <p>Content for tab 3.</p>
    </div>
</div>

```

And you would need to do it to any children IDs that could be in conflict too.

Now something like this might actually break any Javascript functions on the second wizard, so you may need to update the script to support the changes to the IDs.

If this is the problem, this happens because the app does not update/modify such things automatically for you.

This is just a suggestion and possibility to your problem, MUSA would know better.

Hope this helps you.

Saj

---

<div class="post-metadata">

**Author:** ![chantal](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/c/85f322/32.png) [@chantal](https://forum.bootstrapstudio.io/u/chantal)\
**Post date:** [November 16, 2017, 8:18pm UTC](https://forum.bootstrapstudio.io/t/wizard-only-works-in-tab-1/3909/3 "2017-11-16T20:18:06Z")

</div>

Ooh, thank you, I will look at that!

---

<div class="post-metadata">

**Author:** ![chantal](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/c/85f322/32.png) [@chantal](https://forum.bootstrapstudio.io/u/chantal)\
**Post date:** [November 16, 2017, 8:29pm UTC](https://forum.bootstrapstudio.io/t/wizard-only-works-in-tab-1/3909/4 "2017-11-16T20:29:24Z")

</div>

Worked like a charm! Thank you!

---

<div class="post-metadata">

**Author:** ![saj](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/saj/32/708_2.png) [@saj](https://forum.bootstrapstudio.io/u/saj)\
**Post date:** [November 16, 2017, 9:38pm UTC](https://forum.bootstrapstudio.io/t/wizard-only-works-in-tab-1/3909/5 "2017-11-16T21:38:14Z")

</div>

Your welcome glad I could help :)

Saj