Where are the tabs for the tab content?

[dan65h]

I see the tab content object in component library, but I don’t see where you get the tabs.

This inserts the tab contents for 3 sample tabs and shows the content of the first one, but there are no tabs.

How do I define the tabs that control what tab is shown?

[bpj]

Look for the Tabs with Nav component

[Teodor]

Or you can use any button on the page or nav link and use the action toggle to control the tabs:

[dan65h]

I tried that @Teodor but can’t get it to work. Is there anything else that needs to be set?

Go to: https://cam-testing.azurewebsites.net/orders
And click on any of the rows to see my setup.

[bpj]

Put the buttons inside a div with class=“nav nav-tabs”
e.g.

<div class="nav nav-tabs">
    <button id="btn1" class="btn" data-bs-toggle="tab" data-bs-target="#tabContent1_1" is="dmx-button" value="" type="button">Tab 1</button>
    <button id="btn2" class="btn active" data-bs-toggle="tab" data-bs-target="#tabContent1_2" is="dmx-button" value="" type="button">Tab 2</button>
    <button id="btn3" class="btn" data-bs-toggle="tab" data-bs-target="#tabContent1_3" is="dmx-button" value="" type="button">Tab 3</button>
</div>