User:Mtew/templates/PageNav/FolderTabs

‌		‌	‌	General	‌	‌	Talk	‌	‌	Characters	‌	‌	Diaries	‌	‌	Projects	‌		My templates		‌	Special Pages	‌

‌		‌		Page Navigation		‌	Quest Progress	‌	‌	Standard Formats	‌

‌	LocLegend	‌	‌	Cat all values	‌	‌	Five Rows of Four	‌	‌	100 Rows of Four	‌	‌	For all 1's Digits	‌	‌	For all 10's Digits	‌	‌	For all 100's Digits	‌

	‌	For all Guideline Items	‌

‌		‌	‌	NavBar	‌		Folder Tabs		‌	Internal: A Folder Tab	‌	‌	Region Info	‌

Usage

Construct a row of links that looks like a set of file folder tabs to switch between pages.

Normally, the tab list is set up on a separate page that is transcluded in each of the pages linked to.

Features

• Up to eleven tabs can be displayed.
  • Automatic wrapping of long, multi-word labels can be suppressed.
• The background of the tab changes when that tab is selected.
  • The background colors for each individual tab may be set individually.
  • The background colors tor tabs that do not specify colors may be set.
• The pages that include the tab row do not have to know anything about the order of the tab entries.
  • This greatly simplifies maintaining the tab list.
  • For unusual situations, there is a 'Select' parameter that takes the value of the tab's display text.
• Sub-pages are supported.

Examples

{{User:Mtew/templates/PageNav/FolderTabs
| page1={{FULLPAGENAME}}|This Page
| page2=That page|That page
}}

	This Page		‌	That page	‌

{{User:Mtew/templates/PageNav/FolderTabs
| page1={{FULLPAGENAME}}|This Page
| page2=That page|That page
| wrap=no }}

	This Page		‌	That page	‌

Parameters

For page selection

Select

Set this to the display text to force the selection of a tab.

level

The relative level of the page displayed to the link in the tab.  Used when matching on sub-pages.

For constructing all tabs

BackgroundColor

The color for the background between tabs.  The default is white (#FFFFFF).

BorderColor

The color for the tab border.  The default is black (#000000).

Corner

The radius of the upper corners of tabs on browsers that support this feature.

SelectedColor

The background color for selected tabs that do not specify a SelectedColor.

UnselectedColor

The background color for un-selected tabs that do not specify an UnselectedColor.

wrap

Set this parameter to 'no' to suppress wrapping of the display text in all tabs.

For constructing individual tab <n>

Unnamed positional parameter <n>

The text to be displayed on the tab.

page<n>

The FULLPAGENAME of the page to link to.  This must not be a link to the page.  It is used to construct a normal link on the tab.

link<n>

The name of an off-site page to link to.  This must not be a link to the page.  It is used to construct a special link on the tab.

Tab selection

The selection of which tab to high-light is done automatically by comparing the {{FULLPAGENAME}} of the page being displayed with the page<n> parameter's value.  The matching is textual, not logical, so variations in spelling and redirects do cause match failures.

To support tabs in sub-pages, the level parameter can be used to modify the {{FULLPAGENAME}} being checked. For example, if the tab selection is to be based on the parent page of a sub-page, rather than on the sub-page itself, 'level=/..' would be needed.

For those cases where page name matching does not work, the Select parameter can be set to the display text of the desired tab.  This does not disable the page match selection.  (Specifying level can be used to force page name matching failure.)

Notes

• The parser funcions (those thingies that start with '#') strip white space from the beginning and end of each of their parameters.  This can cause problems because line breaks are very important when trying to build WIKI tables.  The work around is to put a literal space (&#x20;) before the line break that is to be preserved.  It is also necessary to 'escape' all other WIKI special constructs ({{, | and }}) in parser function parameters.
• There are a few undocumented keyword parameters.
• CSS support is included but is considered experimental at this time.
• Most of the formatting details are specified by the internal 'Folder_Tab' template.

Auto-select test

{| …

|-

| class="Folder-Tabs" style="border-bottom:1px solid #000000;" width="4px"| 

! class="Folder-Tabs.Selected" style="background-color:#FFFFFF; border:solid 1px #000000; border-bottom:0; line-height:0.95em; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; max-height:5px;" wrap |This Page

| class="Folder-Tabs" style="border-bottom:1px solid #000000;" width="4px"| 

| class="Folder-Tabs" style="border-bottom:1px solid #000000" width="100%"| 

|}

	This Page

Documentation

Click on the link in the section header.