Difference between revisions of "Template:Tabs"

From Team Fortress Wiki
Jump to: navigation, search
m
m (Added compatibility for up to 45 tabs.)
 
(50 intermediate revisions by 6 users not shown)
Line 1: Line 1:
<div class="poot-tabs-container poot-tabs-vertical poot-tabs-selected-{{{selected|1}}}{{#if:{{{instant|}}}| poot-tabs-noanimations}}" style="width: {{{width|1000px}}}">
+
<div class="poot-tabs-container poot-tabs-nojs poot-tabs-{{{orientation|vertical}}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed|}} poot-tabs-selected-{{{selected|1}}} {{#if:{{{instant|}}}|poot-tabs-noanimations}} {{#if:{{{notitle|}}}|poot-tabs-notitle}}" style="width:{{{width|800px}}}; {{#if: {{{noalign|}}}|margin-left:0px; margin-right: 0px;|}} {{{style|}}}">{{#if:{{{edittabs|}}} | <span class="poot-tabs-edittabs">{{
<div class="poot-tabs-title">{{{title}}}</div>
+
  #if:{{{edit1|}}}|<span>{{Navbar|{{{edit1}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit2|}}}|<span>{{Navbar|{{{edit2}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit3|}}}|<span>{{Navbar|{{{edit3}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit4|}}}|<span>{{Navbar|{{{edit4}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit5|}}}|<span>{{Navbar|{{{edit5}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit6|}}}|<span>{{Navbar|{{{edit6}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit7|}}}|<span>{{Navbar|{{{edit7}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit8|}}}|<span>{{Navbar|{{{edit8}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit9|}}}|<span>{{Navbar|{{{edit9}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit10|}}}|<span>{{Navbar|{{{edit10}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit11|}}}|<span>{{Navbar|{{{edit11}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit12|}}}|<span>{{Navbar|{{{edit12}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit13|}}}|<span>{{Navbar|{{{edit13}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit14|}}}|<span>{{Navbar|{{{edit14}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit15|}}}|<span>{{Navbar|{{{edit15}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit16|}}}|<span>{{Navbar|{{{edit16}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>}}{{
 +
  #if:{{{edit17|}}}|<span>{{Navbar|{{{edit17}}}|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:{{{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|}}}
 +
| <span class="poot-tabs-navbar">{{Navbar|{{{name}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span>
 +
}}{{#ifeq:{{{state|}}}|off||<span class="poot-tabs-hidelink">&#91;[[#top|{{#if:{{{collapsed|}}}|show|hide}}]]&#93;</span>}}<span class="poot-tabs-titletext">{{#if:{{{notitle|}}}||{{{title}}}}}</span>
 +
</div>
 
<div class="poot-tabs">
 
<div class="poot-tabs">
 
<ul>
 
<ul>
 
<li class="poot-tabs-selected">{{{icon1}}}</li>
 
<li class="poot-tabs-selected">{{{icon1}}}</li>
{{#if:{{{icon2|}}}|<li>{{{icon2}}}</li>}}
+
{{#if:{{{icon2|}}}|<li>{{{icon2}}}</li>}}{{
{{#if:{{{icon3|}}}|<li>{{{icon3}}}</li>}}
+
  #if:{{{icon3|}}}|<li>{{{icon3}}}</li>}}{{
{{#if:{{{icon4|}}}|<li>{{{icon4}}}</li>}}
+
  #if:{{{icon4|}}}|<li>{{{icon4}}}</li>}}{{
{{#if:{{{icon5|}}}|<li>{{{icon5}}}</li>}}
+
  #if:{{{icon5|}}}|<li>{{{icon5}}}</li>}}{{
{{#if:{{{icon6|}}}|<li>{{{icon6}}}</li>}}
+
  #if:{{{icon6|}}}|<li>{{{icon6}}}</li>}}{{
{{#if:{{{icon7|}}}|<li>{{{icon7}}}</li>}}
+
  #if:{{{icon7|}}}|<li>{{{icon7}}}</li>}}{{
{{#if:{{{icon8|}}}|<li>{{{icon8}}}</li>}}
+
  #if:{{{icon8|}}}|<li>{{{icon8}}}</li>}}{{
{{#if:{{{icon9|}}}|<li>{{{icon9}}}</li>}}
+
  #if:{{{icon9|}}}|<li>{{{icon9}}}</li>}}{{
{{#if:{{{icon10|}}}|<li>{{{icon10}}}</li>}}
+
  #if:{{{icon10|}}}|<li>{{{icon10}}}</li>}}{{
 +
  #if:{{{icon11|}}}|<li>{{{icon11}}}</li>}}{{
 +
  #if:{{{icon12|}}}|<li>{{{icon12}}}</li>}}{{
 +
  #if:{{{icon13|}}}|<li>{{{icon13}}}</li>}}{{
 +
  #if:{{{icon14|}}}|<li>{{{icon14}}}</li>}}{{
 +
  #if:{{{icon15|}}}|<li>{{{icon15}}}</li>}}{{
 +
  #if:{{{icon16|}}}|<li>{{{icon16}}}</li>}}{{
 +
  #if:{{{icon17|}}}|<li>{{{icon17}}}</li>}}{{
 +
  #if:{{{icon18|}}}|<li>{{{icon18}}}</li>}}{{
 +
  #if:{{{icon19|}}}|<li>{{{icon19}}}</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>
 
<div class="poot-tabs-content">
 
<div class="poot-tabs-content">
<div class="poot-tabs-selected">{{{content1}}}</div>
+
<div class="{{#ifexpr: {{{selected|1}}} = 1 | poot-tabs-selected}}">{{{content1}}}</div>
{{#if:{{{icon2|}}}|<div>{{urlencode:{{{content2}}}}}</div>}}
+
{{#if:{{{icon2|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 2 | poot-tabs-selected}}">{{{content2}}}</div>}}{{
{{#if:{{{icon3|}}}|<div>{{urlencode:{{{content3}}}}}</div>}}
+
  #if:{{{icon3|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 3 | poot-tabs-selected}}">{{{content3}}}</div>}}{{
{{#if:{{{icon4|}}}|<div>{{urlencode:{{{content4}}}}}</div>}}
+
  #if:{{{icon4|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 4 | poot-tabs-selected}}">{{{content4}}}</div>}}{{
{{#if:{{{icon5|}}}|<div>{{urlencode:{{{content5}}}}}</div>}}
+
  #if:{{{icon5|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 5 | poot-tabs-selected}}">{{{content5}}}</div>}}{{
{{#if:{{{icon6|}}}|<div>{{urlencode:{{{content6}}}}}</div>}}
+
  #if:{{{icon6|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 6 | poot-tabs-selected}}">{{{content6}}}</div>}}{{
{{#if:{{{icon7|}}}|<div>{{urlencode:{{{content7}}}}}</div>}}
+
  #if:{{{icon7|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 7 | poot-tabs-selected}}">{{{content7}}}</div>}}{{
{{#if:{{{icon8|}}}|<div>{{urlencode:{{{content8}}}}}</div>}}
+
  #if:{{{icon8|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 8 | poot-tabs-selected}}">{{{content8}}}</div>}}{{
{{#if:{{{icon9|}}}|<div>{{urlencode:{{{content9}}}}}</div>}}
+
  #if:{{{icon9|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 9 | poot-tabs-selected}}">{{{content9}}}</div>}}{{
{{#if:{{{icon10|}}}|<div>{{urlencode:{{{content10}}}}}</div>}}
+
  #if:{{{icon10|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 10 | poot-tabs-selected}}">{{{content10}}}</div>}}{{
</div>
+
  #if:{{{icon11|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 11 | poot-tabs-selected}}">{{{content11}}}</div>}}{{
 +
  #if:{{{icon12|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 12 | poot-tabs-selected}}">{{{content12}}}</div>}}{{
 +
  #if:{{{icon13|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 13 | poot-tabs-selected}}">{{{content13}}}</div>}}{{
 +
  #if:{{{icon14|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 14 | poot-tabs-selected}}">{{{content14}}}</div>}}{{
 +
  #if:{{{icon15|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 15 | poot-tabs-selected}}">{{{content15}}}</div>}}{{
 +
  #if:{{{icon16|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 16 | poot-tabs-selected}}">{{{content16}}}</div>}}{{
 +
  #if:{{{icon17|}}}|<div class="{{#ifexpr: {{{selected|1}}} = 17 | poot-tabs-selected}}">{{{content17}}}</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:{{{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) -->
 +
<div class="poot-tabs-showhide">show;hide</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

[hide]{{{title}}}
  • {{{icon1}}}
{{{content1}}}
show;hide

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:

[hide]Tabs example
  • Tab #1
  • Tab #2
Hello Wiki! Look at my cool hat!
I lost my hat :(
show;hide