Template:TabRow: Difference between revisions
From TowersWiki
(Adding CSS call to themes.scss) |
(Adding themeing to tabs) |
||
| Line 80: | Line 80: | ||
padding-left: 5px; | padding-left: 5px; | ||
padding-right: 10px; | padding-right: 10px; | ||
} | } | ||
| Line 116: | Line 112: | ||
display: block; | display: block; | ||
} | } | ||
}}<div class="tabRow {{{name|}}}">{{#if: {{{1|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{1|}}} }} }}{{#if: {{{2|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{2|}}} }} }}{{#if: {{{3|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{3|}}} }} }}{{#if: {{{4|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{4|}}} }} }}{{#if: {{{5|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{5|}}} }} }}{{#if: {{{6|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{6|}}} }} }}{{#if: {{{7|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{7|}}} }} }}{{#if: {{{8|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{8|}}} }} }}{{#if: {{{9|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{9|}}} }} }}{{#if: {{{10|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{10|}}} }} }}</div></includeonly> | }}<div class="tabRow {{{name|}}}">{{#if: {{{1|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{1|}}} |theme={{{theme|}}} }} }}{{#if: {{{2|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{2|}}} |theme={{{theme|}}} }} }}{{#if: {{{3|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{3|}}} |theme={{{theme|}}} }} }}{{#if: {{{4|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{4|}}} |theme={{{theme|}}} }} }}{{#if: {{{5|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{5|}}} |theme={{{theme|}}} }} }}{{#if: {{{6|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{6|}}} |theme={{{theme|}}} }} }}{{#if: {{{7|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{7|}}} |theme={{{theme|}}} }} }}{{#if: {{{8|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{8|}}} |theme={{{theme|}}} }} }}{{#if: {{{9|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{9|}}} |theme={{{theme|}}} }} }}{{#if: {{{10|}}}|{{ :Template:Tab |name={{{name|}}} |pos={{{10|}}} |theme={{{theme|}}} }} }}</div></includeonly> | ||
Revision as of 05:10, 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.
