When trying to add a second TABS to a page the second one get scrambled/dirty and do not behave as expected.
On a clean page add one ROW and inside it a TABS repeat the previous steps and then try to preview it.
Notice the extra divs on the second TABS:
Here is the import/export code:
<body>
<div class="row">
<div class="cell">
<div data-tabs="1" id="i65n">
<nav data-tab-container="1" class="tab-container">
<a href="#tab1" data-tab="1" class="tab">Tab 1</a>
<a href="#tab2" data-tab="1" class="tab">Tab 2</a>
<a href="#tab3" data-tab="1" class="tab">Tab 3</a>
</nav>
<div id="tab1" data-tab-content="1" class="tab-content">
<div>Tab 1 Content
</div>
</div>
<div id="tab2" data-tab-content="1" class="tab-content">
<div>Tab 2 Content
</div>
</div>
<div id="tab3" data-tab-content="1" class="tab-content">
<div>Tab 3 Content
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="cell">
<div data-tabs="1" id="izuzh">
<nav data-tab-container="1" class="tab-container">
<a href="#i1g1w" data-tab="1" class="tab">Tab 1</a>
<a href="#ix1vv" data-tab="1" class="tab">Tab 2</a>
<a href="#imx08" data-tab="1" class="tab">Tab 3</a>
</nav>
<div id="tab1-2" data-tab-content="1" class="tab-content">
<div>Tab 1 Content
</div>
</div>
<div id="tab2-2" data-tab-content="1" class="tab-content">
<div>Tab 2 Content
</div>
</div>
<div id="tab3-2" data-tab-content="1" class="tab-content">
<div>Tab 3 Content
</div>
</div>
<div data-tab-content="1" id="i1g1w" class="tab-content">
<div>New Tab Content
</div>
</div>
<div data-tab-content="1" id="ix1vv" class="tab-content">
<div>New Tab Content
</div>
</div>
<div data-tab-content="1" id="imx08" class="tab-content">
<div>New Tab Content
</div>
</div>
</div>
</div>
</div>
</body>
...
When trying to add a second
TABSto a page the second one get scrambled/dirty and do not behave as expected.On a clean page add one
ROWand inside it aTABSrepeat the previous steps and then try to preview it.Notice the extra divs on the second
TABS:Here is the import/export code: