Difference between revisions of "Tabs"
From NEC Retro
| Line 1: | Line 1: | ||
| − | <includeonly><div class="poot-tabs-container poot-tabs-{{#if:{{{orientation|}}}|{{{orientation}}}|vertical}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed}} poot-tabs-selected" style="width:{{#if:{{{width|}}}|{{{width}}}|auto}}; {{{style|}}}"> | + | <includeonly><div class="poot-tabs-container poot-tabs-{{#if:{{{orientation|}}}|{{{orientation}}}|vertical}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed}} poot-tabs-selected-{{{selected|1}}}" style="width:{{#if:{{{width|}}}|{{{width}}}|auto}}; {{{style|}}}"> |
{{#if: {{{hidetitle|}}} | | | {{#if: {{{hidetitle|}}} | | | ||
<div class="poot-tabs-title breakout"><span class="poot-tabs-titletext">{{{title|}}}</span></div> | <div class="poot-tabs-title breakout"><span class="poot-tabs-titletext">{{{title|}}}</span></div> | ||
| Line 15: | Line 15: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| − | <div class="poot-tabs | + | <div class="poot-tabs" style="width:auto; border:0px solid orange;"> |
<div class="poot-tabs-selected">{{{content1}}}</div> | <div class="poot-tabs-selected">{{{content1}}}</div> | ||
{{#if:{{{icon2|{{{title2|}}}}}}|<div>{{{content2}}}</div>}}{{ | {{#if:{{{icon2|{{{title2|}}}}}}|<div>{{{content2}}}</div>}}{{ | ||
Revision as of 22:30, 29 December 2018
Usage
Vertical
vertical tabs
- tab 1
- tab 2
- tab 3
- tab 4
- tab 5
content of tab 1
things in second tab
another tab content
content of tab 4
content of tab 5
Horizontal
- tab 1
- tab 2
aaa
things in second tab
another tab content