No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
Line 18: | Line 18: | ||
==Nested Tabs== | ==Nested Tabs== | ||
Nested tabbers must be written as parser functions. Instead of the <code><nowiki><tabber/></nowiki></code> tags, they are enclosed with <code><nowiki>{{#tag:tabber|}}</nowiki></code> and separated by <code><nowiki>{{!}}-{{!}}</nowiki></code>. [[File:TabberNeue Nested Tabs.png|alt=Example of 4 tabs. The sub-tabs of the 1st main tab are open.|center|thumb|650x650px|Nested tabs]] | Nested tabbers must be written as parser functions. Instead of the <code><nowiki><tabber/></nowiki></code> tags, they are enclosed with <code><nowiki>{{#tag:tabber|}}</nowiki></code> and separated by <code><nowiki>{{!}}-{{!}}</nowiki></code>. [[File:TabberNeue Nested Tabs.png|alt=Example of 4 tabs. The sub-tabs of the 1st main tab are open.|center|thumb|650x650px|Nested tabs]] | ||
<syntaxhighlight lang="text"> | |||
<tabber> | |||
|-|First Tab Title= | |||
{{#tag:tabber| | |||
Tab Title A= | |||
Tab content A goes here. | |||
{{!}}-{{!}} | |||
Tab Title B= | |||
Tab content B goes here. | |||
{{!}}-{{!}} | |||
Tab Title C= | |||
Tab content C goes here. | |||
}} | |||
|-|Second Tab Title= | |||
{{#tag:tabber| | |||
Tab Title D= | |||
Tab content D goes here. | |||
{{!}}-{{!}} | |||
Tab Title E= | |||
Tab content E goes here. | |||
{{!}}-{{!}} | |||
Tab Title F= | |||
Tab content F goes here. | |||
}} | |||
|-|Third Tab Title= | |||
{{#tag:tabber| | |||
Tab Title G= | |||
Tab content G goes here. | |||
{{!}}-{{!}} | |||
Tab Title H= | |||
Tab content H goes here. | |||
{{!}}-{{!}} | |||
Tab Title I= | |||
Tab content I goes here. | |||
}} | |||
</tabber> | |||
</syntaxhighlight> | |||
== Transclusion == | |||
With the transclusion mode, the entire contents of the page of the first tab will be transcluded. The transcluded pages in other tabs will be transcluded on-demand with AJAX, performing a request to the MediaWiki api. Once requested, they won't be fetched again until the page is reloaded. Note that Tabbers on the transcluded page will not be rendered. | |||
Tabs are created with <code>pageName|tabName</code>, and separated by a new line.<syntaxhighlight lang="text"> | |||
<tabbertransclude> | |||
First Page Name|First Tab Title | |||
Second Page Name|Second Tab Title | |||
Third Page Name|Third Tab Title | |||
</tabbertransclude> | |||
</syntaxhighlight> | |||
{{translation}} |
Revision as of 13:00, 2 April 2024
Simple Tabs
If you want to organize page content in tabs, you can use a special syntax in source editing mode.
Tabs are created with tabName=tabBody
and separated by |-|
. You can use any content in the tabs, including templates and images.

<tabber>
Content for Tab 1.
|-|Titel für Tab 2=
Content for Tab 2.
|-|Title for Tab 3=
Content for Tab 3.
</tabber>
Nested Tabs
Nested tabbers must be written as parser functions. Instead of the <tabber/>
tags, they are enclosed with {{#tag:tabber|}}
and separated by {{!}}-{{!}}
.

<tabber>
|-|First Tab Title=
{{#tag:tabber|
Tab Title A=
Tab content A goes here.
{{!}}-{{!}}
Tab Title B=
Tab content B goes here.
{{!}}-{{!}}
Tab Title C=
Tab content C goes here.
}}
|-|Second Tab Title=
{{#tag:tabber|
Tab Title D=
Tab content D goes here.
{{!}}-{{!}}
Tab Title E=
Tab content E goes here.
{{!}}-{{!}}
Tab Title F=
Tab content F goes here.
}}
|-|Third Tab Title=
{{#tag:tabber|
Tab Title G=
Tab content G goes here.
{{!}}-{{!}}
Tab Title H=
Tab content H goes here.
{{!}}-{{!}}
Tab Title I=
Tab content I goes here.
}}
</tabber>
Transclusion
With the transclusion mode, the entire contents of the page of the first tab will be transcluded. The transcluded pages in other tabs will be transcluded on-demand with AJAX, performing a request to the MediaWiki api. Once requested, they won't be fetched again until the page is reloaded. Note that Tabbers on the transcluded page will not be rendered.
Tabs are created with pageName|tabName
, and separated by a new line.
<tabbertransclude>
First Page Name|First Tab Title
Second Page Name|Second Tab Title
Third Page Name|Third Tab Title
</tabbertransclude>