Template:TabRow: Difference between revisions
From TowersWiki
(v1.0 Complete) |
(Adding CSS call to themes.scss) |
||
| Line 1: | Line 1: | ||
{{#css: | |||
{{:Template:TabRow/themes.scss}} | |||
}} | |||
<noinclude> | <noinclude> | ||
This template creates a row of [[Template:Tab]]s. These tabs can be clicked, which will then display the respective [[Template:TabPane]]. | This template creates a row of [[Template:Tab]]s. These tabs can be clicked, which will then display the respective [[Template:TabPane]]. | ||
Revision as of 04:36, 25 July 2024
This template creates a row of Template:Tabs. These tabs can be clicked, which will then display the respective Template:TabPane.
Usage
The TabRow uses the following syntax:
{{TabRow |<Tab1Name>|<Tab2Name>|...<TabNName>|name=<name>}}
The <name> field gives the TabRow a name to help with styling. Give each tab a name via <Tab1Name>, <Tab2Name>, etc, up to <Tab10Name>. From there, add your Template:TabPanes to the page. Note: the name field of each Template:TabPane must match the names of the tabs given to your TabRow, and the CASE-SENSITIVE.
NOTE: There's not a lot of CSS here, so that those who wish to use the tabs can style them as much as they'd like. Example:
{{TabRow |Homid|Glabro|Crinos|Hispo|Lupus|name=forms}}
{{TabPanel
|row=forms
|name=Homid
| This is a pretty neat guy
}}
{{TabPanel
|row=forms
|name=Glabro
| This is a pretty neat guy in Glabro!
}}
{{TabPanel
|row=forms
|name=Crinos
| Oh noes! Warform!
}}{{TabPanel
|row=forms
|name=Hispo
| Pet the pretty dire wolf, it'll be fine!
}}{{TabPanel
|row=forms
|name=Lupus
| Woof Woof, I am wolf.
}}
This will create a 5-panel TabRow, as seen here (click on one of the links to see it in action!):
This is a pretty neat guy
This is a pretty neat guy in Glabro!
Oh noes! Warform!
Pet the pretty dire wolf, it'll be fine!
Woof Woof, I am wolf.
