Help:Extension:Tabber
From Elwiki
Overview
The extension was introduced because Template:Tabber started reaching the post-expand template include limit too quickly. Using this version also doesn't require escaping pipes in tables or other templates inside tab contents (unless nested).
Parameters
Used like HTML attributes.
class, divstyle- adds classes/styles to the container- See Doc:Template:Tabber for premade classes that change the tabs' appearance.
ulstyle- adds styles to the tab listing boxtabclass, conclass, tabstyle, constyle- adds classes/styles to all tab buttons/tab contents
Usage examples
Example 1: Normal
<tabber class="tabber-border" divstyle="display:inline-flex"> \\Grapes=First tab content. \\Strawberries=Second tab content. \\Bananas=Third tab content. \\Oranges=Fourth tab content. </tabber>
- Grapes
- Strawberries
- Bananas
- Oranges
First tab content.
Example 2: Nesting
Tabs can also be nested. This however brings the pipe escape problem again, so you will need to wrap tab contents around <dfn>{{</dfn><dfn>}}</dfn>, just like with Template:Tabber.
<tabber class="tabber-border fancy">
\\Grapes=
{{#tag:tabber|
{{-}}
Tab1=First tab content.
{{-}}
Tab2=Second tab content.
{{-}}
Tab3=Third tab content.
|class=fancy
}}
\\Strawberries=Second tab content.
</tabber>
- Grapes
- Strawberries
- Tab1
- Tab2
- Tab3
First tab content.
If you do not care about template include size, you might as well use the normal template as the nested Tabber.
<tabber class="tabber-border">
\\Grapes=
{{Tabber
|Tab1=First tab content.
|Tab2=Second tab content.
|Tab3=Third tab content.
}}
\\Strawberries=Second tab content.
</tabber>
- Grapes
- Strawberries
- Tab1
- Tab2
- Tab3
First tab content.
