Template:TabberHeader/Doc - Revision history

Celarious at 00:29, 22 March 2024

2024-03-22T00:29:35Z

← Older revision		Revision as of 00:29, 22 March 2024
Line 5:		Line 5:
	This adds the wrapping <nowiki><div></nowiki> and allows easy configuration of a few style properties.		This adds the wrapping <nowiki><div></nowiki> and allows easy configuration of a few style properties.

	Neither this template nor the footer add any categories to the page. This is because the separately-added <nowiki><tabber></nowiki> tag does this.		Neither this template nor the footer add any categories to the page. This is because the separately-added <nowiki><tabber></nowiki> tag does this. See [[:Category:Pages_using_Tabber_parser_tag]].

	All tabs using this template are right-floated.		All tabs using this template are right-floated.

Celarious: /* How to use */

2024-03-17T16:25:05Z

How to use

← Older revision		Revision as of 16:25, 17 March 2024
Line 21:		Line 21:
	</tabber>		</tabber>
	{{TabberFooter}}		{{TabberFooter}}
	Then, ~~add~~ \|-\| ~~before the contents each tab~~, followed by the name of that specific tab and an equals (=) sign, like this:<br>		Then, separate each tab with <code>\|-\|</code>, followed by the name of that specific tab and an equals (=) sign, like this:<br>
	<nowiki>		<nowiki>
	{{TabberHeader}}		{{TabberHeader}}

Celarious: Documentation

2024-03-17T16:23:53Z

Documentation

New page

The <nowiki>{{TabberHeader}}</nowiki> tag is used to easily create a tabbed section. Requires separately using the <nowiki><tabber></nowiki> tags and [[Template:TabberFooter|TabberFooter]] template.

This makes use of the [https://www.mediawiki.org/wiki/Extension:TabberNeue TabberNeue extension].

This adds the wrapping <nowiki><div></nowiki> and allows easy configuration of a few style properties.

Neither this template nor the footer add any categories to the page. This is because the separately-added <nowiki><tabber></nowiki> tag does this.

All tabs using this template are right-floated.

Anything can be added to the tab contents, but this is usually used with <nowiki>{{Commodity}}</nowiki> templates.

==How to use==
To use this on a page, add it above the content you want to separate into tabs, followed by a separate <nowiki><tabber></nowiki> tag.
<nowiki>{{TabberHeader}}<tabber></nowiki>

{{TabberHeader}}
<tabber>
|-|Tab1=This is the content of tab1.
|-|Tab2=This is the content of the second tab. The tabs can have any name.
</tabber>
{{TabberFooter}}
Then, add |-| before the contents each tab, followed by the name of that specific tab and an equals (=) sign, like this:<br>
<nowiki>
{{TabberHeader}}
<tabber>
|-|Tab1=This is the content of tab1.
|-|Tab2=This is the content of the second tab. The tabs can have any name.
</tabber>
{{TabberFooter}}
</nowiki>

Which will produce the first example on the right.

When using the <nowiki>{{TabberHeader}}</nowiki> tag, you can also change the width of the entire section along with enable a blue border:<br>
<nowiki>
{{TabberHeader|Border=yes|Width=200px}}
<tabber>
|-|Tab1=This is the content of tab1.
|-|Tab2=This is the content of the second tab. The tabs can have any name.
</tabber>
{{TabberFooter}}
</nowiki>

{{TabberHeader|Border=yes|Width=200px}}
<tabber>
|-|Tab1=This is the content of tab1.
|-|Tab2=This is the content of the second tab. The tabs can have any name.
</tabber>
{{TabberFooter}}