Difference between revisions of "Template:Tabs"
(Tag: Undo) |
Gabrielwoj (talk | contribs) m (Added compatibility for up to 45 tabs.) |
||
(4 intermediate revisions by one other user not shown) | |||
Line 19: | Line 19: | ||
#if:{{{edit18|}}}|<span>{{Navbar|{{{edit18}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | #if:{{{edit18|}}}|<span>{{Navbar|{{{edit18}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
#if:{{{edit19|}}}|<span>{{Navbar|{{{edit19}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | #if:{{{edit19|}}}|<span>{{Navbar|{{{edit19}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
− | #if:{{{edit20|}}}|<span>{{Navbar|{{{edit20}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}</span>}} | + | #if:{{{edit20|}}}|<span>{{Navbar|{{{edit20}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ |
+ | #if:{{{edit21|}}}|<span>{{Navbar|{{{edit21}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit22|}}}|<span>{{Navbar|{{{edit22}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit23|}}}|<span>{{Navbar|{{{edit23}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit24|}}}|<span>{{Navbar|{{{edit24}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit25|}}}|<span>{{Navbar|{{{edit25}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit26|}}}|<span>{{Navbar|{{{edit26}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit27|}}}|<span>{{Navbar|{{{edit27}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit28|}}}|<span>{{Navbar|{{{edit28}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit29|}}}|<span>{{Navbar|{{{edit29}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit30|}}}|<span>{{Navbar|{{{edit30}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit31|}}}|<span>{{Navbar|{{{edit31}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit32|}}}|<span>{{Navbar|{{{edit32}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit33|}}}|<span>{{Navbar|{{{edit33}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit34|}}}|<span>{{Navbar|{{{edit34}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit35|}}}|<span>{{Navbar|{{{edit35}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit36|}}}|<span>{{Navbar|{{{edit36}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit37|}}}|<span>{{Navbar|{{{edit37}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit38|}}}|<span>{{Navbar|{{{edit38}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit39|}}}|<span>{{Navbar|{{{edit39}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit40|}}}|<span>{{Navbar|{{{edit40}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit41|}}}|<span>{{Navbar|{{{edit41}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit42|}}}|<span>{{Navbar|{{{edit42}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit43|}}}|<span>{{Navbar|{{{edit43}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit44|}}}|<span>{{Navbar|{{{edit44}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{ | ||
+ | #if:{{{edit45|}}}|<span>{{Navbar|{{{edit45}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}</span>}} | ||
<div class="poot-tabs-title" {{#if:{{{noheader|}}}|style="display:none;"}}>{{#if:{{{name|}}} | <div class="poot-tabs-title" {{#if:{{{noheader|}}}|style="display:none;"}}>{{#if:{{{name|}}} | ||
| <span class="poot-tabs-navbar">{{Navbar|{{{name}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span> | | <span class="poot-tabs-navbar">{{Navbar|{{{name}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span> | ||
Line 45: | Line 70: | ||
#if:{{{icon18|}}}|<li>{{{icon18}}}</li>}}{{ | #if:{{{icon18|}}}|<li>{{{icon18}}}</li>}}{{ | ||
#if:{{{icon19|}}}|<li>{{{icon19}}}</li>}}{{ | #if:{{{icon19|}}}|<li>{{{icon19}}}</li>}}{{ | ||
− | #if:{{{icon20|}}}|<li>{{{icon20}}}</li>}} | + | #if:{{{icon20|}}}|<li>{{{icon20}}}</li>}}{{ |
+ | #if:{{{icon21|}}}|<li>{{{icon21}}}</li>}}{{ | ||
+ | #if:{{{icon22|}}}|<li>{{{icon22}}}</li>}}{{ | ||
+ | #if:{{{icon23|}}}|<li>{{{icon23}}}</li>}}{{ | ||
+ | #if:{{{icon24|}}}|<li>{{{icon24}}}</li>}}{{ | ||
+ | #if:{{{icon25|}}}|<li>{{{icon25}}}</li>}}{{ | ||
+ | #if:{{{icon26|}}}|<li>{{{icon26}}}</li>}}{{ | ||
+ | #if:{{{icon27|}}}|<li>{{{icon27}}}</li>}}{{ | ||
+ | #if:{{{icon28|}}}|<li>{{{icon28}}}</li>}}{{ | ||
+ | #if:{{{icon29|}}}|<li>{{{icon29}}}</li>}}{{ | ||
+ | #if:{{{icon30|}}}|<li>{{{icon30}}}</li>}}{{ | ||
+ | #if:{{{icon31|}}}|<li>{{{icon31}}}</li>}}{{ | ||
+ | #if:{{{icon32|}}}|<li>{{{icon32}}}</li>}}{{ | ||
+ | #if:{{{icon33|}}}|<li>{{{icon33}}}</li>}}{{ | ||
+ | #if:{{{icon34|}}}|<li>{{{icon34}}}</li>}}{{ | ||
+ | #if:{{{icon35|}}}|<li>{{{icon35}}}</li>}}{{ | ||
+ | #if:{{{icon36|}}}|<li>{{{icon36}}}</li>}}{{ | ||
+ | #if:{{{icon37|}}}|<li>{{{icon37}}}</li>}}{{ | ||
+ | #if:{{{icon38|}}}|<li>{{{icon38}}}</li>}}{{ | ||
+ | #if:{{{icon39|}}}|<li>{{{icon39}}}</li>}}{{ | ||
+ | #if:{{{icon40|}}}|<li>{{{icon40}}}</li>}}{{ | ||
+ | #if:{{{icon41|}}}|<li>{{{icon41}}}</li>}}{{ | ||
+ | #if:{{{icon42|}}}|<li>{{{icon42}}}</li>}}{{ | ||
+ | #if:{{{icon43|}}}|<li>{{{icon43}}}</li>}}{{ | ||
+ | #if:{{{icon44|}}}|<li>{{{icon44}}}</li>}}{{ | ||
+ | #if:{{{icon45|}}}|<li>{{{icon45}}}</li>}} | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 68: | Line 118: | ||
#if:{{{icon18|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 18 | poot-tabs-selected}}">{{{content18}}}</div>}}{{ | #if:{{{icon18|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 18 | poot-tabs-selected}}">{{{content18}}}</div>}}{{ | ||
#if:{{{icon19|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 19 | poot-tabs-selected}}">{{{content19}}}</div>}}{{ | #if:{{{icon19|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 19 | poot-tabs-selected}}">{{{content19}}}</div>}}{{ | ||
− | #if:{{{icon20|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 20 | poot-tabs-selected}}">{{{content20}}}</div>}} | + | #if:{{{icon20|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 20 | poot-tabs-selected}}">{{{content20}}}</div>}}{{ |
+ | #if:{{{icon21|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 21 | poot-tabs-selected}}">{{{content21}}}</div>}}{{ | ||
+ | #if:{{{icon22|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 22 | poot-tabs-selected}}">{{{content22}}}</div>}}{{ | ||
+ | #if:{{{icon23|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 23 | poot-tabs-selected}}">{{{content23}}}</div>}}{{ | ||
+ | #if:{{{icon24|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 24 | poot-tabs-selected}}">{{{content24}}}</div>}}{{ | ||
+ | #if:{{{icon25|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 25 | poot-tabs-selected}}">{{{content25}}}</div>}}{{ | ||
+ | #if:{{{icon26|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 26 | poot-tabs-selected}}">{{{content26}}}</div>}}{{ | ||
+ | #if:{{{icon27|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 27 | poot-tabs-selected}}">{{{content27}}}</div>}}{{ | ||
+ | #if:{{{icon28|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 28 | poot-tabs-selected}}">{{{content28}}}</div>}}{{ | ||
+ | #if:{{{icon29|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 29 | poot-tabs-selected}}">{{{content29}}}</div>}}{{ | ||
+ | #if:{{{icon30|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 30 | poot-tabs-selected}}">{{{content30}}}</div>}}{{ | ||
+ | #if:{{{icon31|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 31 | poot-tabs-selected}}">{{{content31}}}</div>}}{{ | ||
+ | #if:{{{icon32|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 32 | poot-tabs-selected}}">{{{content32}}}</div>}}{{ | ||
+ | #if:{{{icon33|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 33 | poot-tabs-selected}}">{{{content33}}}</div>}}{{ | ||
+ | #if:{{{icon34|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 34 | poot-tabs-selected}}">{{{content34}}}</div>}}{{ | ||
+ | #if:{{{icon35|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 35 | poot-tabs-selected}}">{{{content35}}}</div>}}{{ | ||
+ | #if:{{{icon36|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 36 | poot-tabs-selected}}">{{{content36}}}</div>}}{{ | ||
+ | #if:{{{icon37|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 37 | poot-tabs-selected}}">{{{content37}}}</div>}}{{ | ||
+ | #if:{{{icon38|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 38 | poot-tabs-selected}}">{{{content38}}}</div>}}{{ | ||
+ | #if:{{{icon39|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 39 | poot-tabs-selected}}">{{{content39}}}</div>}}{{ | ||
+ | #if:{{{icon40|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 40 | poot-tabs-selected}}">{{{content40}}}</div>}}{{ | ||
+ | #if:{{{icon41|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 41 | poot-tabs-selected}}">{{{content41}}}</div>}}{{ | ||
+ | #if:{{{icon42|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 42 | poot-tabs-selected}}">{{{content42}}}</div>}}{{ | ||
+ | #if:{{{icon43|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 43 | poot-tabs-selected}}">{{{content43}}}</div>}}{{ | ||
+ | #if:{{{icon44|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 44 | poot-tabs-selected}}">{{{content44}}}</div>}}{{ | ||
+ | #if:{{{icon45|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 45 | poot-tabs-selected}}">{{{content45}}}</div>}} | ||
</div> | </div> | ||
<!-- Poot translation switching here so that the text inside poot-tabs-showhide says "show;hide" (with this format) in the current language) --> | <!-- Poot translation switching here so that the text inside poot-tabs-showhide says "show;hide" (with this format) in the current language) --> | ||
<div class="poot-tabs-showhide">show;hide</div> | <div class="poot-tabs-showhide">show;hide</div> | ||
− | </div> | + | </div><noinclude> |
+ | {{Doc begin}} | ||
+ | == Parameters == | ||
+ | ; title | ||
+ | : Title of the Tabs | ||
+ | |||
+ | ; orientation | ||
+ | : Orientation of the tabs/buttons | ||
+ | |||
+ | ; icon<sub>n</sub> | ||
+ | : Name displayed on the tabs/buttons, replace <sub>n</sub> with a number up to 45 | ||
+ | |||
+ | ; content<sub>n</sub> | ||
+ | : Content displayed when clicking on the tabs/buttons, replace <sub>n</sub> with a number up to 45 | ||
+ | |||
+ | ; width | ||
+ | : Width of the tabs | ||
+ | |||
+ | == Example == | ||
+ | <pre> | ||
+ | {{Tabs | ||
+ | | title = Tabs example | ||
+ | | orientation = vertical | ||
+ | | icon1 = Tab #1 | ||
+ | | icon2 = Tab #2 | ||
+ | | content1 = | ||
+ | Hello Wiki! Look at my cool hat! | ||
+ | <gallery> | ||
+ | File:Engineer Wiki Cap.png | ||
+ | </gallery> | ||
+ | | content2 = | ||
+ | I lost my hat :( | ||
+ | <gallery> | ||
+ | File:Engineerhumiliation.png | ||
+ | </gallery> | ||
+ | }} | ||
+ | </pre> | ||
+ | generates: | ||
+ | {{Tabs | ||
+ | | title = Tabs example | ||
+ | | orientation = vertical | ||
+ | | icon1 = Tab #1 | ||
+ | | icon2 = Tab #2 | ||
+ | | content1 = | ||
+ | Hello Wiki! Look at my cool hat! | ||
+ | <gallery> | ||
+ | File:Engineer Wiki Cap.png | ||
+ | </gallery> | ||
+ | | content2 = | ||
+ | I lost my hat :( | ||
+ | <gallery> | ||
+ | File:Engineerhumiliation.png | ||
+ | </gallery> | ||
+ | }} | ||
+ | </noinclude> |
Latest revision as of 20:18, 28 December 2023
Documentation for Tabs
Parameters
- title
- Title of the Tabs
- orientation
- Orientation of the tabs/buttons
- iconn
- Name displayed on the tabs/buttons, replace n with a number up to 45
- contentn
- Content displayed when clicking on the tabs/buttons, replace n with a number up to 45
- width
- Width of the tabs
Example
{{Tabs | title = Tabs example | orientation = vertical | icon1 = Tab #1 | icon2 = Tab #2 | content1 = Hello Wiki! Look at my cool hat! <gallery> File:Engineer Wiki Cap.png </gallery> | content2 = I lost my hat :( <gallery> File:Engineerhumiliation.png </gallery> }}
generates: