This is a test case for including tooltips in our base Wiki loadout.
The Ultimate Guide to Tabs
Tabs are a brilliant way to organize long pages, allowing readers to click through different sections without endless scrolling.
To keep our wiki easy to edit and to allow direct linking to specific sections, we use a Main Page + Subpages structure. This means the tabs themselves live on a main landing page, but the actual text inside those tabs is pulled (transcluded) from separate subpages.
The main landing page should not contain anything but the Tabber interface we will be setting up following these instructions.
Part 1: Using the Visual Editor
Step 1: Setting up the Main Page
- Open your main landing page in the Visual Editor.
- Click Insert in the top toolbar and select the Tabber option found under the "More".
- A dark dialog box titled "Tabber" will pop up with a large empty text area.
- Inside this box, you must type the standard Tabber code to build your tabs and pull in your subpages. Type the following:
|-|First Tab Title=
{{:Name of First Subpage}}
|-|Second Tab Title=
{{:Name of Second Subpage}}
- Important: If your subpage is in the main article namespace (where most wiki pages are), you must put a colon (
:) immediately before the name (e.g., {{:My Subpage Name}}).
- Click Apply changes in the top right corner of the box to insert the tabs onto your page.
Step 2: Creating Nested Tabs (Tabs inside of Tabs)
Because we rely entirely on MediaWiki's native transclusion, creating nested tabs on a subpage is exactly the same as creating tabs on the main page. Your users don't have to learn complicated parser functions or magic words.
- Open your specific subpage in the Visual Editor.
- Just repeat Step 1! Click Insert > Tabber, type your
|-| code into the popup box, and hit Apply changes.
Part 2: Using the Source Editor (For Advanced Users)
The Standard Syntax
Whether you are building a main page or a nested subpage, you just use the standard <tabber> and |-| syntax every single time. The wiki's core parser handles the heavy lifting before TabberNeue even realizes what is happening.
<tabber>
|-|First Tab Title=
{{:Name of First Subpage}}
|-|Second Tab Title=
{{:Name of Second Subpage}}
</tabber>
Examples of Pages Using Tabs
Alex Draconis
Outer Rim Wrestling
Crucial Rules to Remember
- The Colon Rule: If you are transcluding a page from the main article namespace (this is where most wiki pages live), you must put a colon immediately before the name (e.g.,
{{:Alex Draconis}}). If you do not, the wiki will assume you are looking for a Template and break the layout.
- Clean Syntax: Because native transclusion effectively "copy-pastes" the raw code from the subpage into the main page before finalizing the render, it bypasses the nesting limitations. You don't have to worry about standard pipes (
|) shattering the layout if a template is used inside an inner tab, and you never have to use the {{!}}-{{!}} separator.