Tabs: Difference between revisions
From Freephile Wiki
No edit summary |
+Category:Tabs; +Category:UI using HotCat |
||
| (One intermediate revision 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 == | == 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 == | == Multiple Page == | ||
| Line 16: | Line 34: | ||
|This=1 | |This=1 | ||
}} | }} | ||
[[Category:Tabs]] | |||
[[Category:UI]] | |||
[[Category:Wiki]] | |||
Latest revision as of 18:55, 30 November 2016
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 Extension:HeaderTabs extension:
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 page tabs template and the result looks like this:
| Introduction | Page 2 | Page 3 | Wrap-up |
