- Posts: 2
- Thank you received: 0
Tabs Container module
-
rockste
Inactive member -
Topic Author
- New Member
-
Less
More
10 years 9 months ago #40450
by rockste
Tabs Container module was created by rockste
On the page of the demo is written
"County Management This page contains 4 tabs. Click on each tab shows content for this tab. Tabs' content is inserted in custom content modules in positions 'tab1-4'. There's also Tabs Container module which is published in position 'advert2'. The Tab Container module is inserted into this page with "loadposition" plugin."
But I can not find the Tabs Container module.
What should I do to display the tab?
I created 4 custom content modules in position tab(1-4), and now?
Thank you
"County Management This page contains 4 tabs. Click on each tab shows content for this tab. Tabs' content is inserted in custom content modules in positions 'tab1-4'. There's also Tabs Container module which is published in position 'advert2'. The Tab Container module is inserted into this page with "loadposition" plugin."
But I can not find the Tabs Container module.
What should I do to display the tab?
I created 4 custom content modules in position tab(1-4), and now?
Thank you
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 9 months ago #40461
by ivan.milic
Replied by ivan.milic on topic Tabs Container module
In out demo that is custom HTML module. Original HTML:
Code:
<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
<li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1" aria-labelledby="ui-id-1" aria-selected="true"><a href="#tabs-1" class="bigtext ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1"><img src="/one_page/images/tabs/executive.png" alt="icon"><br>Executive<br><span class="subheading">Management</span></a></li>
<li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-2" aria-labelledby="ui-id-2" aria-selected="false"><a href="#tabs-2" class="bigtext ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2"><img src="/one_page/images/tabs/architect.png" alt="icon"><br>Architect<br><span class="subheading"> Environment</span></a></li>
<li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-3" aria-labelledby="ui-id-3" aria-selected="false"><a href="#tabs-3" class="bigtext ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3"><img src="/one_page/images/tabs/marketing.png" alt="icon"><br>Marketing<br><span class="subheading">Advertisement</span></a></li>
<li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-4" aria-labelledby="ui-id-4" aria-selected="false"><a href="#tabs-4" class="bigtext ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-4"><img src="/one_page/images/tabs/finance.png" alt="icon"><br>Finance<br><span class="subheading">Investments</span></a></li>
</ul>
<div id="tabs-1" aria-labelledby="ui-id-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="true" aria-hidden="false">
<div class="moduletable">
<div class="custom">
<p><img src="/one_page/images/people/executive.jpg" alt="executive"></p>
<p class="bigtext">Mr. John Smith, executive manager</p>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
</div>
</div>
<div id="tabs-2" aria-labelledby="ui-id-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;">
<div class="moduletable">
<div class="custom">
<p><img src="/one_page/images/people/architect.jpg" alt="architect"></p>
<p class="bigtext">Mrs. Jane Williams, architect</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
</div>
</div>
<div id="tabs-3" aria-labelledby="ui-id-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;">
<div class="moduletable">
<div class="custom">
<p><img src="/one_page/images/people/marketing.jpg" alt="marketing"></p>
<p class="bigtext">Mr. Bryan Jameson, marketing expert</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
</div>
</div>
<div id="tabs-4" aria-labelledby="ui-id-4" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;">
<div class="moduletable">
<div class="custom">
<p><img src="/one_page/images/people/finance.jpg" alt="finance"></p>
<p class="bigtext">Mr. Todd Robinson, finance expert</p>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
</div>
</div>
</div>
Please Log in to join the conversation.
-
rockste
Inactive member -
Topic Author
- New Member
-
Less
More
- Posts: 2
- Thank you received: 0
10 years 9 months ago #40481
by rockste
Replied by rockste on topic Tabs Container module
ok, but I did not understand a thing.
it is not true that I do custom html module and insert them into position tab1-4
I have to put this code in a custom html module and change the content.
it is not true that I do custom html module and insert them into position tab1-4
I have to put this code in a custom html module and change the content.
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 9 months ago #40490
by ivan.milic
Replied by ivan.milic on topic Tabs Container module
You will have to look a bit how tab works so you could edit html effectually. Link:
jqueryui.com/tabs/
jqueryui.com/tabs/
Please Log in to join the conversation.
Time to create page: 0.162 seconds