Docs

[watersmartinnovations]

I’m having an issue getting tabbed content to display correctly.

[watersmartinnovations]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! Try not to wrap the tab content on a [x_text] shortcode. Directly add your table on the tab as the content.

[cs_section bg_color="hsl(213, 9%, 23%)" parallax="true" style="margin: 0px;padding: 3% 0px;"]
[cs_row inner_container="true" marginless_columns="false" style="margin: 0px auto;padding: 0px;"]
[cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/1" style="padding: 0px;"]
[x_tab_nav type="two-up" float="top"]
[x_tab_nav_item title="Agenda" active="true"]
[x_tab_nav_item title="Speakers" active="false"]
[/x_tab_nav]
[x_tabs]
[x_tab active="true"]
<table style="width: 100%;">
<tbody>
<tr>
<td><strong>Time</strong></td>
<td><strong>Session</strong></td>
</tr>
<tr>
<td>8:00 a.m.</td>
<td><strong>Registration/Morning Networking</strong></td>
</tr>
<tr>
<td>9:00 a.m.</td>
<td><strong>Keynote Speaker TBD</strong></td>
</tr>
<tr>
<td>9:20 a.m.</td>
<td><strong>Technical Challenges in Water Management</strong><br />This panel will include representatives of water utilities and industryDiscussion will focus on the present technical challenges and the types of technologies that end users, both public and private, are looking for to help optimize their efforts in water management.</td>
</tr>
<tr>
<td>TABLE CELL</td>
<td>TABLE CELL</td>
</tr>
<tr>
<td>TABLE CELL</td>
<td>TABLE CELL</td>
</tr>
<tr>
<td>TABLE CELL</td>
<td>TABLE CELL</td>
</tr>
<tr>
<td>TABLE CELL</td>
<td>TABLE CELL</td>
</tr>
<tr>
<td>TABLE CELL</td>
<td>TABLE CELL</td>
</tr>
<tr>
<td>TABLE CELL</td>
<td>TABLE CELL</td>
</tr>
<tr>
<td>TABLE CELL</td>
<td>TABLE CELL</td>
</tr>
<tr>
<td>TABLE CELL</td>
<td>TABLE CELL</td>
</tr>
</tbody>
</table>
[/x_tab]
[x_tab active="false"]
<p class="resp-p man">If you are a presenter and would like to upload any materials for your presentation at the Channels for Innovation Summit please do so here. All materials are loaded onto our system and ready for use at the event.</p>
<p class="resp-p man">You will receive an email notification once the files have been received.</p>
[/x_tab]
[/x_tabs]
[/cs_column]
[/cs_row]
[/cs_section]

Hope it helps, Cheers!

[watersmartinnovations]

This reply has been marked as private.

[Christopher]

Hi there,

You are currently using cornerstone, instead of adding shortcodes to create tabs, add tabs element and place each tab content under related tab.

Hope it helps.

[watersmartinnovations]

This reply has been marked as private.

[Rupok]

Hi there,

When you are using shortcode; there is a chance of having broken shortcode or HTML. So using Cornerstone element is a bit easier to manage. However the above code seems fine so not sure why you are having issue. Let’s try grabbing example from shortcode page – http://demo.theme.co/integrity-1/shortcodes/tabbed-content/

Cheers!

[watersmartinnovations]

This reply has been marked as private.

[Joao]

Hi there,

Thanks for letting us know

Joao

[Author]

Posts