Template:CustomTabs: Difference between revisions
No edit summary |
ReisuDesign (talk | contribs) simplified the code a little and technically it should be correct now |
||
| (6 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><templatestyles src="Template:CustomTabs/styles.css" /><!-- | <includeonly><templatestyles src="Template:CustomTabs/styles.css" /><!-- | ||
-->{{#vardefine:subpageCheck|{{#ifeq:{{{subpages|1}}}|1|{{SUBPAGENAME}}|{{FULLPAGENAME}}}}}}<!-- | |||
-->{{#vardefine:ns|{{{namespace|{{NAMESPACE}}}}}}}<!-- | |||
-->{{#vardefine:root|{{#ifeq:{{{subpages|1}}}|1|{{{rootpage|{{ROOTPAGENAME}}}}}/|}}}}<!-- | |||
--><div class="{{{class|custom-tabs-default}}} custom-tabs"><!-- | --><div class="{{{class|custom-tabs-default}}} custom-tabs"><!-- | ||
-->{{#if:{{{tab1|}}}|<!-- | -->{{#if:{{{tab1|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab1}}}|active-tab|{{#ifeq:{{{rootpage|{{ROOTPAGENAME}}}}}|{{PAGENAME}}|{{#ifeq:{{{subpages|}}}|0|inactive-tab|active-tab}}|inactive-tab}}}}"><!-- | ||
-->{{# | -->{{#if:{{{icon|}}}|{{Item|{{{tab1}}}|notext=1}} |}}[[{{#var:ns}}:{{#ifeq:{{{subpages|1}}}|1|{{{rootpage|{{ROOTPAGENAME}}}}}{{!}}{{{tab1}}}|{{{tab1}}}{{!}}{{{tab1name|{{{tab1}}}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab2|}}}|<!-- | -->{{#if:{{{tab2|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab2}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab2}}}|active-tab|inactive-tab}}}}"><!-- | ||
-->{{# | -->{{#if:{{{icon|}}}|{{Item|{{{tab2}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab2}}}|{{{tab2name|{{{tab2}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab3|}}}|<!-- | -->{{#if:{{{tab3|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab3}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab3}}}|active-tab|inactive-tab}}}}"><!-- | ||
-->{{# | -->{{#if:{{{icon|}}}|{{Item|{{{tab3}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab3}}}|{{{tab3name|{{{tab3}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab4|}}}|<!-- | -->{{#if:{{{tab4|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab4}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab4}}}|active-tab|inactive-tab}}}}"><!-- | ||
-->{{# | -->{{#if:{{{icon|}}}|{{Item|{{{tab4}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab4}}}|{{{tab4name|{{{tab4}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab5|}}}|<!-- | -->{{#if:{{{tab5|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab5}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab5}}}|active-tab|inactive-tab}}}}"><!-- | ||
-->{{# | -->{{#if:{{{icon|}}}|{{Item|{{{tab5}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab5}}}|{{{tab5name|{{{tab5}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab6|}}}|<!-- | -->{{#if:{{{tab6|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab6}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab6}}}|active-tab|inactive-tab}}}}"><!-- | ||
-->{{# | -->{{#if:{{{icon|}}}|{{Item|{{{tab6}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab6}}}|{{{tab6name|{{{tab6}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab7|}}}|<!-- | -->{{#if:{{{tab7|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab7}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab7}}}|active-tab|inactive-tab}}}}"><!-- | ||
--> | -->{{#if:{{{icon|}}}|{{Item|{{{tab7}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab7}}}|{{{tab7name|{{{tab7}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab8|}}}|<!-- | -->{{#if:{{{tab8|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab8}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab8}}}|active-tab|inactive-tab}}}}"><!-- | ||
--> | -->{{#if:{{{icon|}}}|{{Item|{{{tab8}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab8}}}|{{{tab8name|{{{tab8}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab9|}}}|<!-- | -->{{#if:{{{tab9|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab9}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab9}}}|active-tab|inactive-tab}}}}"><!-- | ||
--> | -->{{#if:{{{icon|}}}|{{Item|{{{tab9}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab9}}}|{{{tab9name|{{{tab9}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab10|}}}|<!-- | -->{{#if:{{{tab10|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab10}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab10}}}|active-tab|inactive-tab}}}}"><!-- | ||
--> | -->{{#if:{{{icon|}}}|{{Item|{{{tab10}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab10}}}|{{{tab10name|{{{tab10}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab11|}}}|<!-- | -->{{#if:{{{tab11|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab11}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab11}}}|active-tab|inactive-tab}}}}"><!-- | ||
--> | -->{{#if:{{{icon|}}}|{{Item|{{{tab11}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab11}}}|{{{tab11name|{{{tab11}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab12|}}}|<!-- | -->{{#if:{{{tab12|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab12}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab12}}}|active-tab|inactive-tab}}}}"><!-- | ||
--> | -->{{#if:{{{icon|}}}|{{Item|{{{tab12}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab12}}}|{{{tab12name|{{{tab12}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
-->{{#if:{{{tab13|}}}|<!-- | -->{{#if:{{{tab13|}}}|<!-- | ||
--><span class="{{#ifeq:{{ | --><span class="{{#ifeq:{{#var:subpageCheck}}|{{{tab13}}}|active-tab|{{#ifeq:{{#titleparts:{{PAGENAME}}|1|2}}|{{{tab13}}}|active-tab|inactive-tab}}}}"><!-- | ||
--> | -->{{#if:{{{icon|}}}|{{Item|{{{tab13}}}|notext=1}} |}}[[{{#var:ns}}:{{#var:root}}{{{tab13}}}|{{{tab13name|{{{tab13}}}}}}]]<!-- | ||
--></span><!-- | --></span><!-- | ||
-->}}<!-- | -->}}<!-- | ||
--></div><!-- | --></div><!-- | ||
--></includeonly><noinclude>{{Documentation|type=Design}}</noinclude> | --></includeonly><noinclude>{{Documentation|type=Design}}</noinclude> | ||
Latest revision as of 19:42, 26 August 2026
Template documentation
Note: parts of or the entire template might not be visible without values provided.
Note: parts of or the entire template might not be visible without values provided.
| Main | Documentation | Usage |
This template is used primarily on pages in the Main namespace. It can be found on 282 pages, or on about 7.04% of those pages.
Edits to this template will be widely noticed. To avoid large-scale disruption and unnecessary server load, any changes to this template should be tested in its sandbox or testcases subpages, or in your own user space. The tested changes can then be added to this page in one single edit.
Please consider discussing any changes in the wiki's Discord.
This template uses CSS found at Template:CustomTabs/styles.css.
Template for creating tabs for navigation.
Syntax
[edit source]{{CustomTabs
|rootpage =
|namespace =
|subpages =
|tab1 =
|tab2 =
|tab3 =
|tab4 =
|tab5 =
|tab6 =
|tab7 =
|tab8 =
|tab9 =
}}
- rootpage — title of root page if not using current page's root.
- namespace — name of namespace if not using current page's namespace. Use empty parameter for main namespace.
- subpages — tabs are subpages of the first if set to 1, otherwise are notm. Default 1.
- tab1 — title of first tab.
- tab2, tab3, tab4, tab5, tab6, tab7, tab8, tab9 — title of subpage tabs.
Examples
[edit source]{{CustomTabs
|tab1 = Overview
|tab2 = Story
|tab3 = Voicelines
|tab4 = Gallery
}}
yields:
{{CustomTabs
|rootpage = Isaki
|namespace =
|class = custom-tabs-secondary
|tab1 = Overview
|tab2 = Story
|tab3 = Gallery
}}
yields:
{{CustomTabs
|namespace =
|subpages = 0
|class = custom-tabs-tertiary
|tab1 = Isaki
|tab1name = First Tab
|tab2 = Dorjelang
|tab2name = Second Tab
|tab3 = Medowlyn
|tab3name = Third Tab
|tab4 = Yunguo
|tab4name = Forth Tab
}}
yields:
Template Data
[edit source]Template for creating tabs for navigation.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| rootpage | rootpage | Title of the root page to base the tab's subpages on, if not using the actual root page name (content before only the first /)
| Page name | optional |
| namespace | namespace | no description | Unknown | optional |
| subpages | subpages | Set to 0 if tabs are not subpages of the first page.
| Boolean | optional |
| class | class | Assign a different class to differentiate between multiple sets of tabs on the same page.
| String | optional |
| tab1 | tab1 | no description | Unknown | optional |
| tab1name | tab1name | no description | Unknown | optional |
| tab2 | tab2 | no description | Unknown | optional |
| tab2name | tab2name | no description | Unknown | optional |
| tab3 | tab3 | no description | Unknown | optional |
| tab3name | tab3name | no description | Unknown | optional |
| tab4 | tab4 | no description | Unknown | optional |
| tab4name | tab4name | no description | Unknown | optional |
| tab5 | tab5 | no description | Unknown | optional |
| tab5name | tab5name | no description | Unknown | optional |
| tab6 | tab6 | no description | Unknown | optional |
| tab6name | tab6name | no description | Unknown | optional |
| tab7 | tab7 | no description | Unknown | optional |
| tab7name | tab7name | no description | Unknown | optional |
| tab8 | tab8 | no description | Unknown | optional |
| tab8name | tab8name | no description | Unknown | optional |
| tab9 | tab9 | no description | Unknown | optional |
| tab9name | tab9name | no description | Unknown | optional |
| tab10 | tab10 | no description | Unknown | optional |
| tab10name | tab10name | no description | Unknown | optional |
| tab11 | tab11 | no description | Unknown | optional |
| tab11name | tab11name | no description | Unknown | optional |
| tab12 | tab12 | no description | Unknown | optional |
| tab12name | tab12name | no description | Unknown | optional |
| tab13 | tab13 | no description | Unknown | optional |
| tab13name | tab13name | no description | Unknown | optional |