Tabber

From Support Wiki
Jump to navigation Jump to search
TabberNeue
Description
Displays tabs on articles
wiki.gg availability
This extension is installed by default on all wikis. Admins can request this extension if their wiki does not have it.

Tabber or TabberNeue is an extension that is available on wiki.gg.

Summary

Tabbers are a way to display information on a page in an organized and clean way.

Related

Variants

Simple

An example of tabbers can be seen on the Palia Wiki via the Dialogue section of the Characters.

Code

<tabber>
|-|Character Dialogue=
Content is entered here.
|-|Enemy Dialogue=
Content is entered here.
|-|NPC Dialogue=
Content is entered here.
</tabber>

Produces

Content is entered here.

Content is entered here.

Content is entered here.

Complex

Complex tabbers don't work with tables that well, so please refer to Tabber#Tabbers with HTML

Code

<tabber>
|-|Season 1= 
{{#tag:tabber|Maps=
Content is entered here.
{{!}}-{{!}}
Weapons=
Content is entered here.
{{!}}-{{!}}
Items=
Content is entered here.
}}
|-|Season 2=
{{#tag:tabber|Maps=
Content is entered here.
{{!}}-{{!}}
Weapons=
Content is entered here.
{{!}}-{{!}}
Items=
Content is entered here.
}}
</tabber>

Produces

Content is entered here.

Content is entered here.

Content is entered here.

Content is entered here.

Content is entered here.

Content is entered here.

Tabbers with HTML

Due to tabbers being complex, they don't function that well with tables. In order to combat this, you'll need to convert most of your tabber code into HTML. See the TruckSim Wiki for an example.

Code

<tabber>
|-|Interior Truck= 
{{#tag:tabber|Dash=
<table class="wikitable sortable" style="text-align: left; width:100%; max-width:70em;" >
<tr>
<th>Header text</th>
<th>Header text</th>
<th>Header text</th>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr>
</table>
{{!}}-{{!}}
Lights=
<table class="wikitable sortable" style="text-align: left; width:100%; max-width:70em;" >
<tr>
<th>Header text</th>
<th>Header text</th>
<th>Header text</th>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr>
</table>
}}
|-|Exterior Truck=
{{#tag:tabber|Rims=
<table class="wikitable sortable" style="text-align: left; width:100%; max-width:70em;" >
<tr>
<th>Header text</th>
<th>Header text</th>
<th>Header text</th>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr>
</table>
{{!}}-{{!}}
Tires=
<table class="wikitable sortable" style="text-align: left; width:100%; max-width:70em;" >
<tr>
<th>Header text</th>
<th>Header text</th>
<th>Header text</th>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr><tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr>
</table>
}}
</tabber>