Extension/TabberNeue

Tabs organize content into separate sections on a wiki page. TabberNeue supports simple tabs, nested tabs, and tabs that display the content of other wiki pages.

Create tabs

Use the <tabber> tag to create tabs. Use the following syntax for each tab:

|-|Tab title=Tab content

Separate tabs with |-|. Tabs can contain any wiki content, including templates and images.
For example:

<tabber>
|-|Titel für Tab 1=
Content for Tab 1.
|-|Titel für Tab 2=
Content for Tab 2.
|-|Title for Tab 3=
Content for Tab 3.
</tabber>

Simple tabs

Insert tabs with the VisualEditor

The VisualEditor provides an editor for entering the tab syntax.

1. Select Insert (+) > Tabber in the editor toolbar.
2. In Tabber, enter the tab syntax.
3. Select Done.
4. Save the page.
   

When using the VisualEditor, omit the opening and closing <tabber> tags.

Create nested tabs

Nested tabs place a second set of tabs inside a tab. Use the {{#tag:tabber|}} parser function for the nested tabs. Separate the nested tabs with {{!}}-{{!}}.
For example:

<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>

Nested tabs

When using the VisualEditor, omit the opening and closing <tabber> tags.

Show wiki pages in tabs

Tab transclusion displays the content of other wiki pages in tabs. The first tab loads its page content when the page loads. TabberNeue loads the content of other tabs when they are opened. TabberNeue does not request the content again until the page reloads.
Enter one page name and tab title per line: PageName|Tab title.
For example:

<tabbertransclude>
Mytransclusion1|Page 1
Mytransclusion2|Page 2
</tabbertransclude>

TabberNeue does not render tabs on a transcluded page.

=Insert transcluded pages with the VisualEditor

To insert wiki pages in tabs with the VisualEditor:

1. Select Insert > Tabber (transclusion) in the eidotr toolbar.
2. In Tabber (transclusion), enter the page names and tab titles: Mytransclusion1|Page 1

Mytransclusion2|Page 2

1. Select Done.
2. Save the page.
   

When using the VisualEditor, omit the opening and closing <tabbertransclusion> tags.

Inspector window for transcluding two pages

The resulting tabs display the content of the specified pages.

Tabs in PDF exports

PDF exports do not include tab names. To include the tab names in the PDF, repeat each tab name in the content of the corresponding tab.
For example:

<tabber>
|-|Title for Tab 1=

<b>Title for Tab 1</b>

The content for Tab 1.
|-|Title for Tab 2=

<b>Title for Tab 2</b>

The content for Tab 2.
|-|Title for Tab 3=

<b>Title for Tab 3</b>

The content for Tab 3.
</tabber>

For extensive tab content, format the repeated tab names as headings. This provides a clear heading structure within the tab content and can improve accessibility.

Administration

TabberNeue adds tracking categories to pages that contain tabs. Administrators can suppress these categories by changing the related system messages.
To suppress the tracking categories:

1. Open Special:TrackingCategories.
2. In the Message name column, select tabberneue-tabber-category and tabberneue-tabbertransclude-category.
3. Replace the existing content with a hyphen (-).
4. Save each system message.
   

The tracking categories no longer appear on wiki pages. See also: .