Difference between revisions of "Tabs"
(Created page with "This article is about creating a tabbed user interface in a MediaWiki installation. There are a few ways of doing this. One method involves presenting the content of a singl...") |
(+Category:Tabs; +Category:UI using HotCat) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | __NOTOC__ | ||
| + | |||
This article is about creating a tabbed user interface in a MediaWiki installation. | This article is about creating a tabbed user interface in a MediaWiki installation. | ||
| − | + | == Single Page == | |
| + | If all the content you want to display in a tabbed interface lives on a single page, then the UI is accomplished using the [[mw:Extension:HeaderTabs|Extension:HeaderTabs]] extension: | ||
| + | |||
| + | = Tab 1 = | ||
| + | Some content for the first tab | ||
| + | |||
| + | = Tab 2 = | ||
| + | Something really exciting is here in the second tab. | ||
| + | |||
| + | = Tab 3 = | ||
| + | Wow, we're on to tab 3 now. | ||
| + | |||
| + | = Tab 4 = | ||
| + | In conclusion, I'd like to thank all the tabs for their work in creating this formidable display of jQuery Tabs in a Wiki. | ||
| + | |||
| + | <headertabs/> | ||
| + | |||
| + | |||
| + | |||
| + | == Multiple Page == | ||
| + | Another method involves connecting multiple pages together into a wizard or tutorial with a tabbed navigation. An example of this latter technique is the series of pages at https://en.wikipedia.org/wiki/Wikipedia:Tutorial | ||
| + | |||
| + | The interface for this technique involves using the '''[[:Template:page tabs|page tabs]]''' template and the result looks like this: | ||
{{page tabs | {{page tabs | ||
| Line 10: | Line 34: | ||
|This=1 | |This=1 | ||
}} | }} | ||
| + | |||
| + | [[Category:Tabs]] | ||
| + | [[Category:UI]] | ||
| + | [[Category:Wiki]] | ||
Latest revision as of 17:55, 30 November 2016
This article is about creating a tabbed user interface in a MediaWiki installation.
Single Page[edit | edit source]
If all the content you want to display in a tabbed interface lives on a single page, then the UI is accomplished using the Extension:HeaderTabs extension:
Some content for the first tab
Something really exciting is here in the second tab.
Wow, we're on to tab 3 now.
In conclusion, I'd like to thank all the tabs for their work in creating this formidable display of jQuery Tabs in a Wiki.
Multiple Page[edit | edit source]
Another method involves connecting multiple pages together into a wizard or tutorial with a tabbed navigation. An example of this latter technique is the series of pages at https://en.wikipedia.org/wiki/Wikipedia:Tutorial
The interface for this technique involves using the page tabs template and the result looks like this:
| Introduction | Page 2 | Page 3 | Wrap-up |
