Help:Tabber

From Support Wiki
Jump to navigation Jump to search
Tabber
MediaWiki
Description
Displays a tab on an article
Default?
Default extensionY

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