Tabs: Difference between revisions
From Freephile Wiki
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 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 |
