Template:Tabber
{{tabber}} presents a JavaScript tab interface so that readers can click tabs to switch between viewing different panels. Used in conjunction with the {{tab}} template.
Examples
{{tabber |
{{tab | Son Goku |
This tab contains all sorts of information about Goku.
}}
{{tab | Vegeta |
This tab will educate the user with a slew of info on Vegeta
}}
{{tab | Piccolo |
This tab is all about Piccolo.
}}
}}
This tab contains all sorts of information about Goku.
This tab will educate the user with a slew of info on Vegeta
This tab is all about Piccolo.
By default, the first tab will be active when the tabber is generated, but this can be overriden by placing an active argument in any tab. (The value of the argument does not matter as long as it is not empty, but true is an intuitive value to use.)
{{tabber |
{{tab | Son Goku |
This tab contains all sorts of information about Goku.
}}
{{tab | active = true | Vegeta |
This tab will educate the user with a slew of info on Vegeta
}}
{{tab | Piccolo |
This tab is all about Piccolo.
}}
}}
This tab contains all sorts of information about Goku.
This tab will educate the user with a slew of info on Vegeta
This tab is all about Piccolo.
In addition, the {{tab}} template accepts panel style and title style arguments that can be used to customize the appearance of the tab panel and its title tab. Arguments must be formatted as CSS. Passing a panel style argument will completely overwrite the default style (which consists of rounded borders and padding) while passing a title style argument will supplement the styling defined in MediaWiki:Common.css. Example:
{{tabber |
{{tab | Son Goku |
This tab contains all sorts of information about Goku.
}}
{{tab | Vegeta | panel style = border: solid 0.2em black; |
This tab will educate the user with a slew of info on Vegeta
}}
{{tab | Piccolo | title style = color: magenta; |
This tab is all about Piccolo.
}}
}}
This tab contains all sorts of information about Goku.
This tab will educate the user with a slew of info on Vegeta
This tab is all about Piccolo.