×
Create a new article
Write your page title here:
We currently have 2,525 articles on Polcompball Wiki. Type your article name above or click on one of the titles below and start writing!



Polcompball Wiki
Polcompball Wiki
2,525Articles
  Recent changes

Template:Navbox/doc: Difference between revisions

VisualWikitext
(→‎Intricacies: adding float/margin comment)
imported>TheGhostOfInky
No edit summary
 
(103 intermediate revisions by 61 users not shown)
Line 1: Line 1:
{{documentation subpage}}
This template allows a [[Help:Templates|navigational template]] to be set up relatively quickly by supplying it one or more lists of links.  It comes equipped with default styles that should work for most navigational templates. Changing the default styles is not recommended, but is possible.  Using this template, or one of its "Navbox suite" sister templates, is highly recommended for standardization of navigational templates, and for ease of use.
<includeonly>{{Intricate template}}</includeonly>
{{Navbox suite}}
This template allows a [[Wikipedia:Navigational templates|navigational template]] to be set up relatively quickly by supplying it one or more lists of links.  It comes equipped with default styles that should work for most navigational templates. Changing the default styles is not recommended, but is possible.  Using this template, or one of its "Navbox suite" sister templates, is highly recommended for standardization of navigational templates, and for ease of use.


== Usage ==
== Usage ==
Please remove the parameters that are left blank.
Please remove the parameters that are left blank.


<pre style="overflow:scroll;">{{Navbox
<pre style="overflow:auto;">{{Navbox
|name   = {{subst:PAGENAME}}
|bodyclass  =
|title   =  
|name       = {{subst:PAGENAME}}
|image   =  
|title     =
|above   =  
|titlestyle =  
|image     =  
|above     =  


|group1 =  
|group1     =  
|list1   =  
|list1     =  


|group2 =  
|group2     =  
|list2   =  
|list2     =  
  ...
  ...
|group20 =  
|group20   =  
|list20 =  
|list20     =  


|below   =  
|below     =  
}}</pre>
}}</pre>


==Parameter list==
== Parameter list ==
{{Navbox
{{Navbox
|name = Navbox/doc
|name = {{BASEPAGENAME}}
|state = uncollapsed
|state = collapsed
|image = {{{image}}}
|image = {{{image}}}
|title = {{{title}}}
|title = {{{title}}}
Line 39: Line 39:
|group4 = {{{group4}}}
|group4 = {{{group4}}}
|list4 = {{{list4}}}
|list4 = {{{list4}}}
|below = {{{below}}}<br/>See alternate navbox formats under: [[#Layout of table|''Layout of table'']]
|below = {{{below}}}<br />See alternate navbox formats under: [[#Layout of table|''Layout of table'']]
}}
}}
The navbox uses lowercase parameter names, as shown in the box (''at right'').  The mandatory ''name'' and ''title'' will create a one-line box if other parameters are omitted.
The navbox uses lowercase parameter names, as shown in the box (''at right'').  The mandatory ''name'' and ''title'' will create a one-line box if other parameters are omitted.
<br/>


Notice "group1" (etc.) is optional, as are sections named "above/below".
Notice "group1" (etc.) is optional, as are sections named "above/below".
{{-}}
 
The basic and most common parameters are as follows (see below for the full list):
The basic and most common parameters are as follows (see below for the full list):


:<code>bodyclass -</code> applies an HTML <code>class</code> attribute to the entire navbox.
:<code>name -</code> the name of the template.
:<code>name -</code> the name of the template.
:<code>title -</code> text in the title bar, such as: <nowiki>[[Widget stuff]]</nowiki>.
:<code>title -</code> text in the title bar, such as: <nowiki>[[Widget stuff]]</nowiki>.
:<code>titleclass -</code> applies an HTML <code>class</code> attribute to the title bar.
:<code>state - autocollapse, uncollapsed, collapsed</code>: the status of box expansion, where "autocollapse" hides stacked navboxes automatically.
:<code>state - autocollapse, uncollapsed, collapsed</code>: the status of box expansion, where "autocollapse" hides stacked navboxes automatically.


Line 55: Line 56:
:<code>groupstyle - </code>a CSS style for the group-cells, such as: <code>background:#eee;</code>
:<code>groupstyle - </code>a CSS style for the group-cells, such as: <code>background:#eee;</code>


:<code>image - </code>an optional right-side image (coded as the whole image tag: <nowiki>[[Image:XX.jpg|90px]]</nowiki> ).
:<code>image - </code>an optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as <code><nowiki>[[Image:</nowiki><var>XX</var><nowiki>.jpg|90px|link=|alt=]]</nowiki></code>.
:<code>imageleft - </code>an optional left-side image (code the same was as the "image" parameter).
:<code>imageleft - </code>an optional left-side image (code the same as the "image" parameter).


:<code>above - </code>text to appear above the group/list section (could be a list of overall wikilinks).
:<code>above - </code>text to appear above the group/list section (could be a list of overall wikilinks).


:<code>group<sub>n</sub> - </code>the left-side text before list-n (if group-n omitted, list-n starts at left of box).
:<code>group<sub>n</sub> - </code>the left-side text before list-n (if group-n omitted, list-n starts at left of box).
:<code>list<sub>n</sub> - </code>text listing wikilinks, often separated by middot templates, such as: [<font/>[A]]<code>{<font/>{·}}</code> [<font/>[B]]
:<code>list<sub>n</sub> - </code>text listing wikilinks, often separated by middot templates, such as: [<nowiki />[A]]<code>{<nowiki />{·}}</code> [<nowiki />[B]]
:<code>below - </code>optional text to appear below the group/list section.
:<code>below - </code>optional text to appear below the group/list section.


Further details, and complex restrictions, are explained below under section ''[[#Parameter descriptions|Parameter descriptions]]''. See some alternate navbox formats under: [[#Layout of table|''Layout of table'']].
Further details, and complex restrictions, are explained below under section ''[[#Parameter descriptions|Parameter descriptions]]''. See some alternate navbox formats under: [[#Layout of table|''Layout of table'']].


==Parameter descriptions==
== Parameter descriptions ==
The following is a complete list of parameters for using {{t1|Navbox}}.  In most cases, the only required parameters are <code>name</code>, <code>title</code>, and <code>list1</code>, though [[Template:Navbox/doc#Child_navboxes|child navboxes]] do not even require those to be set.
The following is a complete list of parameters for using [[Template:Navbox|'''<nowiki>{{Navbox}}</nowiki>''']].  In most cases, the only required parameters are <code>name</code>, <code>title</code>, and <code>list1</code>, though [[Template:Navbox/doc#Child navboxes|child navboxes]] do not even require those to be set.


{{t1|Navbox}} shares numerous common parameter names as its sister templates {{t1|Navbox with columns}} and {{t1|Navbox with collapsible groups}} for consistency and ease of use.  Parameters marked with a cross<sup><span style="font-weight:bold;">†</span></sup> are common to all three master templates.
[[Template:Navbox|'''<nowiki>{{Navbox}}</nowiki>''']] shares numerous common parameter names as its sister templates [[Template:Navbox with columns|'''<nowiki>{{Navbox with columns}}</nowiki>''']] and [[Template:Navbox with collapsible groups|'''<nowiki>{{Navbox with collapsible groups}}</nowiki>''']] for consistency and ease of use.  Parameters marked with an asterisk <nowiki>*</nowiki> are common to all three master templates.


===Setup parameters===
=== Setup parameters ===
:; ''name''<sup>†</sup>
:; ''name''<nowiki>*</nowiki>
:: The name of the template, which is needed for the "v{{·}} d{{·}} e" ("view{{·}} discuss{{·}} edit") links to work properly on all pages where the template is used. You can enter <code><nowiki>{{subst:PAGENAME}}</nowiki></code> for this value as a shortcut.  The name parameter is only mandatory if a <code>title</code> is specified, and the <code>border</code> parameter is not set.
:: The name of the template, which is needed for the "v· d· e" ("view· discuss· edit") links to work properly on all pages where the template is used. You can enter <code><nowiki>{{subst:PAGENAME}}</nowiki></code> for this value as a shortcut.  The name parameter is only mandatory if a <code>title</code> is specified, and the <code>border</code> parameter is not set.


:; ''state''<sup>†</sup> <span style="font-weight:normal;">[<code>autocollapse, uncollapsed, collapsed, plain, off</code>]</span>
:; ''state''<nowiki>*</nowiki> <span style="font-weight:normal;">[<code>autocollapse, uncollapsed, collapsed, plain, off</code>]</span>
:* Defaults to <code>autocollapse</code>. A navbox with <code>autocollapse</code> will start out collapsed if there are two or more tables on the same page that use other collapsible tables. Otherwise, the navbox will be expanded. For the technically minded, see [[MediaWiki:Common.js]].
:* Defaults to <code>autocollapse</code>. A navbox with <code>autocollapse</code> will start out collapsed if there are two or more tables on the same page that use other collapsible tables. Otherwise, the navbox will be expanded. For the technically minded, see [[MediaWiki:Common.js]].
:* If set to <code>collapsed</code>, the navbox will always start out in a collapsed state.
:* If set to <code>collapsed</code>, the navbox will always start out in a collapsed state.
Line 88: Line 89:
: Often times, editors will want a default initial state for a navbox, which may be overridden in an article. Here is the trick to do this:
: Often times, editors will want a default initial state for a navbox, which may be overridden in an article. Here is the trick to do this:
:*In your intermediate template, create a parameter also named "state" as a pass-through like this:
:*In your intermediate template, create a parameter also named "state" as a pass-through like this:
:*<tt><nowiki>| state = {{{state<includeonly>|your_desired_initial_state</includeonly>}}}</nowiki></tt>
:*<code><nowiki>| state = {{{state<includeonly>|your_desired_initial_state</includeonly>}}}</nowiki></code>
:*The <nowiki><includeonly>|</nowiki> will make the template expanded when viewing the template page by itself.
:*The <nowiki><includeonly>|</nowiki> will make the template expanded when viewing the template page by itself.


::*Example: {{tl|peso}} with autocollapse as the default initial state. [[Bolivian peso]] transcludes it and has only one navbox. So the peso navbox shows. [[Chilean peso]] has two navboxes. So the peso navbox collapses.
:; ''navbar''<nowiki>*</nowiki>
 
::*Example: {{tl|Historical currencies of Hungary}} with expanded as the default initial state. All transcluding articles shows the content by default, unless there were an hypothetical article that specifies state = collapsed when transcluding.
 
:; ''navbar''<sup>†</sup>
:: Defaults to <code>Tnavbar</code>. If set to <code>plain</code>, the <small>v • d • e</small> links on the left side of the titlebar will not be displayed, and padding will be automatically used to keep the title centered.  Use <code>off</code> to remove the <small>v • d • e</small> links, but not apply padding (this is for advanced use only; the "plain" option should suffice for most applications where a navbar is not desired).  Note that it is highly recommended that one does not hide the navbar, in order to make it easier for users to edit the template, and to keep a standard style across pages.
:: Defaults to <code>Tnavbar</code>. If set to <code>plain</code>, the <small>v • d • e</small> links on the left side of the titlebar will not be displayed, and padding will be automatically used to keep the title centered.  Use <code>off</code> to remove the <small>v • d • e</small> links, but not apply padding (this is for advanced use only; the "plain" option should suffice for most applications where a navbar is not desired).  Note that it is highly recommended that one does not hide the navbar, in order to make it easier for users to edit the template, and to keep a standard style across pages.


:; ''border''<sup>†</sup>
:; ''border''<nowiki>*</nowiki>
:: ''See section below on using navboxes within one another for examples and a more complete description.''  If set to <code>child</code> or <code>subgroup</code>, then the navbox can be used as a borderless child that fits snuggly in another navbox.  The border is hidden and there is no padding on the sides of the table, so it fits into the ''list'' area of its parent navbox.  If set to <code>none</code>, then the border is hidden and padding is removed, and the navbox may be used as a child of another container (do not use the <code>none</code> option inside of another navbox; similarly, only use the <code>child</code>/<code>subgroup</code> option inside of another navbox).  If set to anything else (default), then a regular navbox is displayed with a 1px border.  An alternate way to specify the border to be a subgroup style is like this (i.e. use the first unnamed parameter instead of the named ''border'' parameter):
:: ''See section below on using navboxes within one another for examples and a more complete description.''  If set to <code>child</code> or <code>subgroup</code>, then the navbox can be used as a borderless child that fits snuggly in another navbox.  The border is hidden and there is no padding on the sides of the table, so it fits into the ''list'' area of its parent navbox.  If set to <code>none</code>, then the border is hidden and padding is removed, and the navbox may be used as a child of another container (do not use the <code>none</code> option inside of another navbox; similarly, only use the <code>child</code>/<code>subgroup</code> option inside of another navbox).  If set to anything else (default), then a regular navbox is displayed with a 1px border.  An alternate way to specify the border to be a subgroup style is like this (i.e. use the first unnamed parameter instead of the named ''border'' parameter):
:::<code><nowiki>{{Navbox|child</nowiki></code>
:::<code><nowiki>{{Navbox|child</nowiki></code>
::::<code>...
::::<code>...</code>
:::<code><nowiki>}}</nowiki></code>
:::<code><nowiki>}}</nowiki></code>


===Cells===
=== Cells ===
:; ''title''<sup>†</sup>
:; ''title''<nowiki>*</nowiki>
:: Text that appears centered in the top row of the table. It is usually the template's topic, i.e. a succinct description of the body contents. This should be a single line, but if a second line is needed, use <code><nowiki>{{-}}</nowiki></code> to ensure proper centering.  This parameter is technically not mandatory, but using {{t1|Navbox}} is rather pointless without a title.
:: Text that appears centered in the top row of the table. It is usually the template's topic, i.e. a succinct description of the body contents. This should be a single line, but if a second line is needed, use <code><nowiki>{{-}}</nowiki></code> to ensure proper centering.  This parameter is technically not mandatory, but using [[Template:Navbox|'''<nowiki>{{Navbox}}</nowiki>''']] is rather pointless without a title.


:; ''group<sub>n</sub>''
:; ''group<sub>n</sub>''<nowiki>*</nowiki>
:: (i.e. ''group1'', ''group2'', etc.) If specified, text appears in a header cell displayed to the left of ''list<sub>n</sub>''. If omitted, ''list<sub>n</sub>'' uses the full width of the table.
:: (i.e. ''group1'', ''group2'', etc.) If specified, text appears in a header cell displayed to the left of ''list<sub>n</sub>''. If omitted, ''list<sub>n</sub>'' uses the full width of the table.


:; ''list<sub>n</sub>''<sup>†</sup>
:; ''list<sub>n</sub>''<nowiki>*</nowiki>
::  (i.e. ''list1'', ''list2'', etc.) The body of the template, usually a list of links. Format is inline, although the text can be entered on separate lines if the entire list is enclosed within <code><nowiki><div> </div></nowiki></code>.  At least one ''list'' parameter is required; each additional ''list'' is displayed in a separate row of the table.  Each ''list<sub>n</sub>'' may be preceded by a corresponding ''group<sub>n</sub>'' parameter, if provided (see below).
::  (i.e. ''list1'', ''list2'', etc.) The body of the template, usually a list of links. Format is inline, although the text can be entered on separate lines if the entire list is enclosed within <code><nowiki><div> </div></nowiki></code>.  At least one ''list'' parameter is required; each additional ''list'' is displayed in a separate row of the table.  Each ''list<sub>n</sub>'' may be preceded by a corresponding ''group<sub>n</sub>'' parameter, if provided (see below).


:; ''image''<sup>†</sup>
:; ''image''<nowiki>*</nowiki>
:: An image to be displayed in a cell below the title and to the right of the body (the groups/lists). For the image to display properly, the ''list1'' parameter must be specified. The ''image'' parameter accepts standard wikicode for displaying an image, i.e.
:: An image to be displayed in a cell below the title and to the right of the body (the groups/lists). For the image to display properly, the ''list1'' parameter must be specified. The ''image'' parameter accepts standard wikicode for displaying an image, ''e.g.'':
::: <code><nowiki>image = [[Image:Example.jpg|100px]]</nowiki></code>
::: <code><nowiki>[[Image:</nowiki><var>XX</var><nowiki>.jpg|90px|link=|alt=]]</nowiki></code>


:; ''imageleft''<sup>†</sup>
:; ''imageleft''<nowiki>*</nowiki>
:: An image to be displayed in a cell below the title and to the left of the body (lists). For the image to display properly, the ''list1'' parameter must be specified and no groups can be specified. The ''imageleft'' parameter accepts standard wikicode for displaying an image, i.e.
:: An image to be displayed in a cell below the title and to the left of the body (lists). For the image to display properly, the ''list1'' parameter must be specified and no groups can be specified. It accepts the same sort of parameter that ''image'' accepts.
::: <code><nowiki>imageleft = [[Image:Example.jpg|100px]]</nowiki></code>


:; ''above''<sup>†</sup>
:; ''above''<nowiki>*</nowiki>
:: A full-width cell displayed between the titlebar and first group/list, i.e. ''above'' the template's body (groups, lists and image). In a template without an image, ''above'' behaves in the same way as the ''list1'' parameter without the ''group1'' parameter.
:: A full-width cell displayed between the titlebar and first group/list, i.e. ''above'' the template's body (groups, lists and image). In a template without an image, ''above'' behaves in the same way as the ''list1'' parameter without the ''group1'' parameter.


:; ''below''<sup>†</sup>
:; ''below''<nowiki>*</nowiki>
:: A full-width cell displayed ''below'' the template's body (groups, lists and image). In a template without an image, ''below'' behaves in the same way as the template's final ''list<sub>n</sub>'' parameter without a ''group<sub>n</sub>'' parameter. For an example of the ''below'' parameter in use, see {{tl|Lists of the provinces and territories of Canada}}.
:: A full-width cell displayed ''below'' the template's body (groups, lists and image). In a template without an image, ''below'' behaves in the same way as the template's final ''list<sub>n</sub>'' parameter without a ''group<sub>n</sub>'' parameter.


===Style parameters===
=== Style parameters ===
Styles are generally not recommended as to maintain consistency among templates and pages in Wikipedia.  However, the option to modify styles is given.
Styles are generally not recommended as to maintain consistency among templates and pages in Wikipedia.  However, the option to modify styles is given.


:; ''style''<sup>†</sup>
:; ''style''<nowiki>*</nowiki>
:: Specifies [[Cascading Style Sheets|CSS]] styles to apply to the template body.  The parameter ''bodystyle'' also does the example same thing and can be used in place of this ''style'' parameter.  This option should be used sparingly as it can lead to visual inconsistencies. Examples:
:: Specifies CSS styles to apply to the template body.  The parameter ''bodystyle'' also does the example same thing and can be used in place of this ''style'' parameter.  This option should be used sparingly as it can lead to visual inconsistencies. Examples:
::: <code>style = background:#''nnnnnn'';</code>
::: <code>style = background:#''nnnnnn'';</code>
::: <code>style = width:''N''&nbsp;[em/%/px or width:auto];</code>
::: <code>style = width:''N''&nbsp;[em/%/px or width:auto];</code>
Line 138: Line 134:
::: <code>style = clear:[''right/left/both/none''];</code>
::: <code>style = clear:[''right/left/both/none''];</code>


:; ''basestyle''<sup>†</sup>
:; ''basestyle''<nowiki>*</nowiki>
:: CSS styles to apply to the ''title'', ''above'', ''below'', and ''group'' cells all at once.  The style are not applied to ''list'' cells.  This is convenient for easily changing the basic color of the navbox without having to repeat the style specifications for the different parts of the navbox.  Examples:
:: CSS styles to apply to the ''title'', ''above'', ''below'', and ''group'' cells all at once.  The style are not applied to ''list'' cells.  This is convenient for easily changing the basic color of the navbox without having to repeat the style specifications for the different parts of the navbox.  Examples:
::: <code>basestyle = background:lightskyblue;</code>
::: <code>basestyle = background:lightskyblue;</code>


:; ''titlestyle''<sup>†</sup>
:; ''titlestyle''<nowiki>*</nowiki>
:: [[Cascading Style Sheets|CSS]] styles to apply to ''title'', most often the titlebar's background color:
:: CSS styles to apply to ''title'', most often the titlebar's background color:
::: <code><nowiki>titlestyle = background:</nowiki>''#nnnnnn'';</code>
::: <code><nowiki>titlestyle = background:</nowiki>''#nnnnnn'';</code>
::: <code><nowiki>titlestyle = background:</nowiki>''name'';</code>
::: <code><nowiki>titlestyle = background:</nowiki>''name'';</code>


:; ''groupstyle''
:; ''groupstyle''<nowiki>*</nowiki>
:: CSS styles to apply to the ''groupN'' cells. This option overrides any styles that are applied to the entire table. Examples:
:: CSS styles to apply to the ''groupN'' cells. This option overrides any styles that are applied to the entire table. Examples:
::: <code>groupstyle = background:#''nnnnnn'';</code>
::: <code>groupstyle = background:#''nnnnnn'';</code>
Line 153: Line 149:
::: <code>groupstyle = vertical-align:[''top/middle/bottom''];</code>
::: <code>groupstyle = vertical-align:[''top/middle/bottom''];</code>


:; ''group<sub>n</sub>style''
:; ''group<sub>n</sub>style''<nowiki>*</nowiki>
:: CSS styles to apply to a specific group, in addition to any styles specified by the ''groupstyle'' parameter.  This parameter should only be used when absolutely necessary in order to maintain standardization and simplicity.  Examples:
:: CSS styles to apply to a specific group, in addition to any styles specified by the ''groupstyle'' parameter.  This parameter should only be used when absolutely necessary in order to maintain standardization and simplicity.  Examples:
::: <code>group3style = background:red;color:white;</code>
::: <code>group3style = background:red;color:white;</code>


:; ''liststyle''<sup>†</sup>
:; ''liststyle''<nowiki>*</nowiki>
:: CSS styles to apply to all lists. Overruled by the ''oddstyle'' and ''evenstyle'' parameters (if specified) below.
:: CSS styles to apply to all lists. Overruled by the ''oddstyle'' and ''evenstyle'' parameters (if specified) below. When using backgound colors in the navbox, see the [[#Intricacies|note below]].


:; ''list<sub>n</sub>style''<sup>†</sup>
:; ''list<sub>n</sub>style''<nowiki>*</nowiki>
:: CSS styles to apply to a specific group, in addition to any styles specified by the ''groupstyle'' parameter. This parameter should only be used when absolutely necessary in order to maintain standardization and simplicity.  Examples:
:: CSS styles to apply to a specific list, in addition to any styles specified by the ''liststyle'' parameter. This parameter should only be used when absolutely necessary in order to maintain standardization and simplicity.  Examples:
::: <code>list5style = background:#ddddff;</code>
::: <code>list5style = background:#ddddff;</code>


:; ''listpadding''<sup>†</sup>
:; ''listpadding''<nowiki>*</nowiki>
:: A number and unit specifying the padding in each ''list'' cell.  The ''list'' cells come equipped with a default padding of 0.25em on the left and right, and 0em on the top and bottom.  Due to complex technical reasons, simply setting "liststyle=padding:0.5em;" (or any other padding setting) will not work.  Examples:
:: A number and unit specifying the padding in each ''list'' cell.  The ''list'' cells come equipped with a default padding of 0.25em on the left and right, and 0em on the top and bottom.  Due to complex technical reasons, simply setting "liststyle=padding:0.5em;" (or any other padding setting) will not work.  Examples:
::: <code>listpadding = 0.5em 0em; </code> (sets 0.5em padding for the left/right, and 0em padding for the top/bottom.)
::: <code>listpadding = 0.5em 0em; </code> (sets 0.5em padding for the left/right, and 0em padding for the top/bottom.)
Line 176: Line 172:
:: If set to <code>swap</code>, then the automatic striping of even and odd rows is reversed.  Normally, even rows get a light gray background for striping; when this parameter is used, the odd rows receive the gray striping instead of the even rows.  Setting to <code>even</code> or <code>odd</code> sets all rows to have that striping color.  Setting to <code>off</code> disables automatic row striping.  This advanced parameter should only be used to fix problems when the navbox is being used as a child of another navbox and the stripes do not match up.  Examples and a further description can be found in the section on child navboxes below.
:: If set to <code>swap</code>, then the automatic striping of even and odd rows is reversed.  Normally, even rows get a light gray background for striping; when this parameter is used, the odd rows receive the gray striping instead of the even rows.  Setting to <code>even</code> or <code>odd</code> sets all rows to have that striping color.  Setting to <code>off</code> disables automatic row striping.  This advanced parameter should only be used to fix problems when the navbox is being used as a child of another navbox and the stripes do not match up.  Examples and a further description can be found in the section on child navboxes below.


:; ''abovestyle''<sup>†</sup>
:; ''abovestyle''<nowiki>*</nowiki>
:; ''belowstyle''<sup>†</sup>
:; ''belowstyle''<nowiki>*</nowiki>
:: CSS styles to apply to the top cell (specified via the ''above'' parameter) and bottom cell (specified via the ''below'' parameter). Typically used to set background color or text alignment:
:: CSS styles to apply to the top cell (specified via the ''above'' parameter) and bottom cell (specified via the ''below'' parameter). Typically used to set background color or text alignment:
::: <code>abovestyle = background:#''nnnnnn'';</code>
::: <code>abovestyle = background:#''nnnnnn'';</code>
::: <code>abovestyle = text-align:[''left/center/right''];</code>
::: <code>abovestyle = text-align:[''left/center/right''];</code>


:; ''imagestyle''<sup>†</sup>
:; ''imagestyle''<nowiki>*</nowiki>
:; ''imageleftstyle''<sup>†</sup>
:; ''imageleftstyle''<nowiki>*</nowiki>
:: CSS styles to apply to the cells where the image/imageleft sits.  These styles should only be used in exceptional circumstances, usually to fix width problems if the width of groups is set and the width of the image cell grows too large.  Examples:
:: CSS styles to apply to the cells where the image/imageleft sits.  These styles should only be used in exceptional circumstances, usually to fix width problems if the width of groups is set and the width of the image cell grows too large.  Examples:
::: <code>imagestyle = width:5em;</code>
::: <code>imagestyle = width:5em;</code>
Line 201: Line 197:
Since ''liststyle'' and ''oddstyle'' are transparent odd lists have the color of the ''bodystyle'', which defaults to #fdfdfd (white with a hint of gray). A list has <code>text-align:left;</code> if it has a group, if not it has <code>text-align:center;</code>. Since only ''bodystyle'' has a vertical-align all the others inherit its <code>vertical-align:middle;</code>.
Since ''liststyle'' and ''oddstyle'' are transparent odd lists have the color of the ''bodystyle'', which defaults to #fdfdfd (white with a hint of gray). A list has <code>text-align:left;</code> if it has a group, if not it has <code>text-align:center;</code>. Since only ''bodystyle'' has a vertical-align all the others inherit its <code>vertical-align:middle;</code>.


 
=== Advanced parameters ===
===Advanced parameters===
:; ''titlegroup''
:; ''titlegroup''
:: This puts a group in the title area, with the same default styles as ''group<sub>n</sub>''.  It should  be used only in exceptional circumstances (usually advanced meta-templates) and its use requires some knowledge of the internal code of {{t1|Navbox}}; you should be ready to manually set up CSS styles to get everything to work properly if you wish to use it.  If you think you have an application for this parameter, it might be best to change your mind, or consult the talk page first.
:: This puts a group in the title area, with the same default styles as ''group<sub>n</sub>''.  It should  be used only in exceptional circumstances (usually advanced meta-templates) and its use requires some knowledge of the internal code of [[Template:Navbox|'''<nowiki>{{Navbox}}</nowiki>''']]; you should be ready to manually set up CSS styles to get everything to work properly if you wish to use it.  If you think you have an application for this parameter, it might be best to change your mind, or consult the talk page first.


:; ''titlegroupstyle''
:; ''titlegroupstyle''
Line 211: Line 206:
:; ''innerstyle''
:; ''innerstyle''
:: A very advanced parameter to be used ''only'' for advanced meta-templates employing the navbox.  Internally, the navbox uses an outer table to draw the border, and then an inner table for everything else (title/above/groups/lists/below/images, etc.).  The ''style''/''bodystyle'' parameter sets the style for the outer table, which the inner  table inherits, but in advanced cases (meta-templates) it may be necessary to directly set the style for the inner table.  This parameter provides access to that inner table so styles can be applied.  Use at your own risk.
:: A very advanced parameter to be used ''only'' for advanced meta-templates employing the navbox.  Internally, the navbox uses an outer table to draw the border, and then an inner table for everything else (title/above/groups/lists/below/images, etc.).  The ''style''/''bodystyle'' parameter sets the style for the outer table, which the inner  table inherits, but in advanced cases (meta-templates) it may be necessary to directly set the style for the inner table.  This parameter provides access to that inner table so styles can be applied.  Use at your own risk.
====Microformats====
;bodyclass : This parameter is inserted into the "class" attribute for the infobox as a whole.
;titleclass : This parameter is inserted into the "class" attribute for the infobox's title caption.
This template supports the addition of microformat information. This is done by adding "class" attributes to various data cells, indicating what kind of information is contained within. To flag a navbox as containing [[w:hCard|hCard]] information about a person, for example, add the following parameter:
<pre>
|bodyclass = vcard
</pre>
''and''
<pre>
|titleclass = fn
</pre>
''or'' (for example):
<pre><nowiki>
|title = The books of <span class="fn">[[Iain Banks]]</span>
</nowiki></pre>
...and so forth.


== Layout of table ==
== Layout of table ==
Table generated by {{tl|Navbox}} '''without''' ''image'', ''above'' and ''below'' parameters (gray list background color added for illustration only):
Table generated by [[Template:Navbox|'''<nowiki>{{Navbox}}</nowiki>''']] '''without''' ''image'', ''above'' and ''below'' parameters (gray list background color added for illustration only):
{{Navbox
{{Navbox
|name = Navbox/doc
|name = Navbox/doc
Line 229: Line 248:




Table generated by {{tl|Navbox}} '''with''' ''image'', ''above'' and ''below'' parameters (gray list background color added for illustration only):
Table generated by [[Template:Navbox|'''<nowiki>{{Navbox}}</nowiki>''']] '''with''' ''image'', ''above'' and ''below'' parameters (gray list background color added for illustration only):
{{Navbox
{{Navbox
|name = Navbox/doc
|name = Navbox/doc
Line 248: Line 267:




Table generated by {{tl|Navbox}} '''with''' ''image'', ''imageleft'', ''lists'', and '''without''' ''groups'', ''above'', ''below'' (gray list background color added for illustration only):
Table generated by [[Template:Navbox|'''<nowiki>{{Navbox}}</nowiki>''']] '''with''' ''image'', ''imageleft'', ''lists'', and '''without''' ''groups'', ''above'', ''below'' (gray list background color added for illustration only):
{{Navbox
{{Navbox
|name = Navbox/doc
|name = Navbox/doc
Line 262: Line 281:
}}
}}


== Examples ==
== Technical details ==
<!--Please don't encourage folks to use <div>s within Navboxes as (unless handled carefully) they can negate liststyles/groupstyles/etc settings.-->
 
=== No image ===
<pre style="overflow:scroll;">
{{Navbox
|name  = Navbox/doc
|title = [[Multimedia Super Corridor|MSC (Multimedia Super Corridor) Malaysia]]{{-}}''without image''
 
|group1 = Centre
|list1  = [[Cyberjaya]]
 
|group2 = Area
|list2  = [[Klang Valley]]
 
|group3 = Major landmarks
|list3  = [[Petronas Twin Towers]]{{·}} [[Kuala Lumpur Tower]]{{·}} [[Kuala Lumpur Sentral]]{{·}} [[Technology Park Malaysia]]{{·}} [[Putrajaya]]{{·}} [[Cyberjaya]]{{·}}
[[Kuala Lumpur International Airport]]
 
|group4 = Infrastructure
|list4  = [[Express Rail Link]]{{·}} [[KL-KLIA Dedicated Expressway]]


|group5 = Prime applications
|list5  = [[EGovernment]]{{·}} [[MyKad]] 
}}
</pre>
{{Navbox
|name  = Navbox/doc
|state  = uncollapsed
|title  = [[Multimedia Super Corridor|MSC (Multimedia Super Corridor) Malaysia]]{{-}}''without image''
|group1 = Centre
|list1  = [[Cyberjaya]]
|group2 = Area
|list2  = [[Klang Valley]]
|group3 = Major landmarks
|list3  = [[Petronas Twin Towers]]{{·}} [[Kuala Lumpur Tower]]{{·}} [[Kuala Lumpur Sentral]]{{·}} [[Technology Park Malaysia]]{{·}} [[Putrajaya]]{{·}} [[Cyberjaya]]{{·}} [[Kuala Lumpur International Airport]]
|group4 = Infrastructure
|list4  = [[Express Rail Link]]{{·}} [[KL-KLIA Dedicated Expressway]]
|group5 = Prime applications
|list5  = [[EGovernment]]{{·}} [[MyKad]] 
}}
=== With image, without groups ===
<pre style="overflow:scroll;">
{{Navbox
|name  = Navbox/doc
|title = [[Multimedia Super Corridor|MSC (Multimedia Super Corridor) Malaysia]]
|image = [[Image:Flag of Malaysia.svg|80px]]
|list1 = [[Petronas Twin Towers]]{{·}} [[Kuala Lumpur Tower]]{{·}} [[Kuala Lumpur Sentral]]{{·}} [[Technology Park Malaysia]]{{·}} [[Putrajaya]]{{·}} [[Cyberjaya]]{{·}} [[Kuala Lumpur International Airport]]
}}
</pre>
{{Navbox
|name  = Navbox/doc
|state = uncollapsed
|title = [[Multimedia Super Corridor|MSC (Multimedia Super Corridor) Malaysia]]
|image = [[Image:Flag of Malaysia.svg|80px]]
|list1 = [[Petronas Twin Towers]]{{·}} [[Kuala Lumpur Tower]]{{·}} [[Kuala Lumpur Sentral]]{{·}} [[Technology Park Malaysia]]{{·}} [[Putrajaya]]{{·}} [[Cyberjaya]]{{·}} [[Kuala Lumpur International Airport]]
}}
=== With two images, without groups, multiple lists ===
<pre style="overflow:scroll;">
{{Navbox
|name  = Navbox/doc
|title = [[Multimedia Super Corridor|MSC (Multimedia Super Corridor) Malaysia]]
|image = [[Image:Flag of Malaysia.svg|80px]]
|imageleft = [[Image:Flag of Malaysia.svg|80px]]
|list1 = [[Petronas Twin Towers]]{{·}} [[Kuala Lumpur Tower]]{{·}} [[Kuala Lumpur Sentral]]
|list2 = [[Express Rail Link]]{{·}} [[KL-KLIA Dedicated Expressway]]
|list3 = [[EGovernment]]{{·}} [[MyKad]]
|list4 = [[Klang Valley]]
}}
</pre>
{{Navbox
|name  = Navbox/doc
|state = uncollapsed
|title = [[Multimedia Super Corridor|MSC (Multimedia Super Corridor) Malaysia]]
|image = [[Image:Flag of Malaysia.svg|80px]]
|imageleft = [[Image:Flag of Malaysia.svg|80px]]
|list1 = [[Petronas Twin Towers]]{{·}} [[Kuala Lumpur Tower]]{{·}} [[Kuala Lumpur Sentral]]
|list2 = [[Express Rail Link]]{{·}} [[KL-KLIA Dedicated Expressway]]
|list3 = [[EGovernment]]{{·}} [[MyKad]]
|list4 = [[Klang Valley]]
}}
=== With image, groups, above, below ===
<pre style="overflow:scroll;">
{{Navbox
|name  = Navbox/doc
|title = [[Multimedia Super Corridor|MSC (Multimedia Super Corridor) Malaysia]]
|image = [[Image:Flag of Malaysia.svg|80px]]
|above = Above text goes here
|group1 = Centre
|list1  = [[Cyberjaya]]
|group2 = Area
|list2  = [[Klang Valley]]
|group3 = Major landmarks
|list3  = [[Petronas Twin Towers]]{{·}} [[Kuala Lumpur Tower]]{{·}} [[Kuala Lumpur Sentral]]{{·}} [[Technology Park Malaysia]]{{·}} [[Putrajaya]]{{·}} [[Cyberjaya]]{{·}} [[Kuala Lumpur International Airport]]
|group4 = Infrastructure
|list4  = [[Express Rail Link]]{{·}} [[KL-KLIA Dedicated Expressway]]
|group5 = Prime applications
|list5  = [[EGovernment]]{{·}} [[MyKad]]
|below  = Website: [http://www.msc.com.my/ www.msc.com.my]
}}
</pre>
{{Navbox
|name  = Navbox/doc
|state = uncollapsed
|title = [[Multimedia Super Corridor|MSC (Multimedia Super Corridor) Malaysia]]
|image = [[Image:Flag of Malaysia.svg|80px]]
|above = Above text goes here
|group1 = Centre
|list1  = [[Cyberjaya]]
|group2 = Area
|list2  = [[Klang Valley]]
|group3 = Major landmarks
|list3  = [[Petronas Twin Towers]]{{·}} [[Kuala Lumpur Tower]]{{·}} [[Kuala Lumpur Sentral]]{{·}} [[Technology Park Malaysia]]{{·}} [[Putrajaya]]{{·}} [[Cyberjaya]]{{·}} [[Kuala Lumpur International Airport]]
|group4 = Infrastructure
|list4  = [[Express Rail Link]]{{·}} [[KL-KLIA Dedicated Expressway]]
|group5 = Prime applications
|list5  = [[EGovernment]]{{·}} [[MyKad]]
|below  = Website: [http://www.msc.com.my/ www.msc.com.my]
}}
==Child navboxes==
It is possible to place multiple navboxes within a single border with the use of the ''border'' parameter, or by specifying the first parameter to be "child".  The basic code for doing this is as follows (which adds a subgroup for the first group/list area):
<pre style="overflow:scroll;">
{{Navbox
|name = {{subst:PAGENAME}}
|title = Title
|group1 = [optional]
|list1 = {{Navbox|child
  ...child navbox parameters...
}}
...
}}
</pre>
===Subgroups example===
{{main|Template:Navbox subgroup}}
This example shows how subgroups can be used.  It is recommended that one uses {{t1|Navbox subgroup}}, but the same result can be reached by using {{t1|Navbox}} with <code>border = child</code> or the first unnamed parameter set to <code>child</code>.  Note that the ''evenodd'' parameter is used to reverse striping in some of the subgroups in order to get all of the stripes to line up properly.  If you wish to remove the striping altogether, you can set <code>liststyle = background:transparent;</code> in each of the navboxes.
{{Navbox
|name = Navbox/doc
|image = [[Image:Flag of the United States.svg|100px]]
|state = uncollapsed
|title = Multiple Subgroup Example
|above = Above
|below = Below
|group1 = Group1
|list1 = List1
|group2 = Group2
|list2 =
{{Navbox|child
  |evenodd = swap
  |group1 = Group2.1
  |list1 = List1
  |group2 = Group2.2
  |list2 = List2
  |group3 = Group2.3
  |list3 = List3
}}
|group3 = Group3
|list3 = List3
|group4 = Group4
|list4 =
{{Navbox|child
  |evenodd = swap
  |group1 = Group4.1
  |list1 = List1
  |group2 = Group4.2
  |list2 = List2
  |group3 = Group4.3
  |list3 = List3
}}
}}
===Multiple show/hides in a single container===
{{main|Template:Navbox with collapsible groups}}
The example below is generated using a regular navbox for the main container, then its list1, list2, and list3 parameters each contain another navbox, with <code>border = child</code> set.  Note that each of the child navboxes has its own VDE navbar; these could be hidden using <code>navbar = plain</code> for each of them, or by just leaving out the ''name'' parameter (child navboxes do not require the name parameter to be set, unlike regular navoxes).
{{Navbox
|name = Navbox/doc
|title = [[Image:Blason France moderne.svg|15px]] {{flagicon|FRA}} [[French colonial empires|Former French overseas empire]]
|state = uncollapsed
|list1 = {{Navbox|child
|name      = Former French colonies in Africa and the Indian Ocean
|title      = [[French colonial empires|Former French colonies]] in [[Africa]] and the [[Indian Ocean]]
|groupstyle = background:lavender;
|group1 = [[Mahgreb]]
|list1  = [[French rule in Algeria|Algeria]]{{·}} [[French Morocco|Morocco]]&nbsp;<small>([[Arguin|Arguin Island]])</small>{{·}} [[History of Tunisia|Tunisia]]
|group2 = [[French West Africa]]
|list2  = [[History of Côte d'Ivoire#French Period|Côte d'Ivoire]]{{·}} [[French Dahomey|Dahomey]]{{·}} [[French Sudan]]{{·}} [[French Guinea|Guinea]]{{·}} [[History of Mauritania#French colonization and post-colonial history|Mauritania]]{{·}} [[History of Niger#Colonization|Niger]]{{·}} [[History of Senegal|Senegal]]{{·}} [[French Upper Volta|Upper Volta]]
|group3 = &nbsp;
|list3  = [[French Togoland]]{{·}} [[James Island (The Gambia)|James Island]]
|group4 = [[French Equatorial Africa]]
|list4  = [[Colonial Chad|Chad]]{{·}} [[History of Gabon|Gabon]]{{·}} [[History of the Republic of the Congo|Middle Congo]]{{·}} [[Oubangui-Chari]]
|group5 = [[Comoros]]
|list5  = [[Anjouan]]{{·}} [[Grande Comore]]{{·}} [[Mohéli]]
|group6 = &nbsp;
|list6  = [[History of Djibouti#French Interest|French Somaliland (Djibouti)]]{{·}} [[History of Madagascar#French Control|Madagascar]]{{·}} [[Mauritius|Ile de France]]{{·}} [[Seychelles]]
}}
|list2 = {{Navbox|child
|name      = Former French colonies in the Americas
|titlestyle =
|title      = [[French colonial empires|Former French colonies]] in the [[Americas]]
|groupstyle =
|list1 = [[New France]]{{spaces|2}}<small>([[Acadia]]&nbsp;• [[Louisiana (New France)|Louisiana]]&nbsp;• [[Canada, New France|Canada]]&nbsp;• [[Newfoundland (island)|Terre&nbsp;Neuve]]) 1655 – 1763 </small>
|list2 = [[Inini]]{{·}} [[Berbice]]{{·}} [[Saint-Domingue]]&nbsp;<small>([[Haiti]])</small>{{·}} [[Tobago]]{{·}} [[History of the British Virgin Islands|Virgin&nbsp;Islands]]{{·}} {{nowrap|[[France Antarctique]]}}{{·}} {{nowrap|[[France Équinoxiale]]}}
|belowstyle =
|below      = [[French West India Company]]
}}
|list3 = {{Navbox|child
|name      = Former French colonies in Asia and Oceania
|title      = [[French colonial empires|Former French colonies]] in [[Asia]] and [[Oceania]]
|groupstyle =
|group1 = [[French India]]
|list1  = [[Chandernagor]]{{·}} [[Coromandel Coast]]{{·}} [[History of Chennai|Madras]]{{·}} [[Malabar]]{{·}} [[Mahé, India|Mahé]]{{·}} [[History of Puducherry|Pondichéry]]{{·}} [[Karaikal]]{{·}} [[Yanam (India)|Yanaon]]
|group2 = [[French Indochina]]
|list2  = [[Colonial Cambodia|Cambodia]]{{·}} [[History_of_Laos_to_1945#French_Laos|Laos]]{{·}} [[French Indochina|Vietnam]]&nbsp;<small>([[Annam (French colony)|Annam]]&nbsp;• [[Cochinchina]]&nbsp;• [[Tonkin]])</small>
|group3 = Other Asian
|list3  = [[Alawite State|Alaouites]]{{·}} [[Republic of Hatay|Alexandretta-Hatay]]{{·}} [[Sri Lanka|Ceylon]]{{·}} [[Kwangchowan]]
|group4 = [[Oceania]]
|list4  = [[New Hebrides|New Hebrides]] [[History of Vanuatu|(Vanuatu)]]
|belowstyle =
|below      = [[French East India Company]]
}}
}}
===Additional examples===
You may find additional examples of complex subgroups and child navboxes at the [[Template:Navbox/doc/Advanced examples|advanced navbox examples page]] and the [[Template:Navbox/testcases|Navbox code test page]].
==Relationship with other Navbox templates==
This navbox template is specifically designed to work in conjunction two other sister templates: {{t1|Navbox with columns}} and {{t1|Navbox with collapsible groups}}.  All three of these templates share common parameters for consistency and ease of use (such parameters are marked with a <sup>'''†'''</sup> in the complete parameter list above).  Most importantly, all three of these templates can each be used as children of one another (by using the <code>border = child</code> parameter, or by specifying the first unnamed parameter to be <code>child</code> (i.e. use <code><nowiki>{{Navbox|child</nowiki></code>, <code><nowiki>{{Navbox with columns|child</nowiki></code>, or <code><nowiki>{{Navbox with collapsible groups|child</nowiki></code>).  For examples on how this is done, see the page on [[Template:Navbox/doc/Advanced examples|advanced navbox examples]].
== Technical details ==
*This template uses CSS classes for most of its looks, thus it is fully skinnable.
*This template uses CSS classes for most of its looks, thus it is fully skinnable.
*Internally this meta template uses HTML markup instead of wiki markup for the table code. That is the usual way we make meta templates since wiki markup has several drawbacks. For instance it makes it harder to use [[m:Help:ParserFunctions|parser functions]] and special characters in parameters.
*For more technical details see the CSS classes in [[MediaWiki:Common.css]] and the collapsible table used to hide the box in [[MediaWiki:Common.js]].


*Internally this meta template uses HTML markup instead of wiki markup for the table code. That is the usual way we make meta templates since wiki markup has several drawbacks. For instance it makes it harder to use [[m:Help:ParserFunctions|parser functions]] and special characters in parameters.
=== Intricacies ===
 
*For more technical details see the [[{{TALKPAGENAME}}|talk page]], the CSS classes in [[MediaWiki:common.css]] and the collapsible table used to hide the box in [[MediaWiki:common.js]].
 
===Intricacies===
*The 2px wide border between groups and lists is drawn using the border-left property of the list cell.  Thus, if you wish to change the background color of the template (for example <code>bodystyle = background:purple;</code>), then you'll need to make the border-left-color match the background color (i.e. <code>liststyle = border-left-color:purple;</code>).  If you wish to have a border around each list cell, then the 2px border between the list cells and group cells will disappear; you'll have to come up with you're own solution.


*The 2px wide border between groups and lists is drawn using the border-left property of the list cell.  Thus, if you wish to change the background color of the template (for example <code>bodystyle = background:purple;</code>), then you'll need to make the border-left-color match the background color (i.e. <code>liststyle = border-left-color:purple;</code>).  If you wish to have a border around each list cell, then the 2px border between the list cells and group cells will disappear; you'll have to come up with your own solution.
*The list cell width is initially set to 100%.  Thus, if you wish to manually set the width of group cells, you'll need to also specify the liststyle to have width:auto.  If you wish to set the group width and use images, it's up to you to figure out the CSS in the groupstyle, liststyle, imagestyle, and imageleftstyle parameters to get everything to work correctly.  Example of setting group width:
*The list cell width is initially set to 100%.  Thus, if you wish to manually set the width of group cells, you'll need to also specify the liststyle to have width:auto.  If you wish to set the group width and use images, it's up to you to figure out the CSS in the groupstyle, liststyle, imagestyle, and imageleftstyle parameters to get everything to work correctly.  Example of setting group width:
::<code>groupstyle = width:10em;</code>
::<code>groupstyle = width:10em;</code>
::<code>liststyle = width:auto;</code>
::<code>liststyle = width:auto;</code>
*Adjacent navboxes have only a 1 pixel border between them (except in IE6, which doesn't support the necessary CSS).  If you set the top or bottom margin of <code>style/bodystyle</code>, then this will not work.
*Adjacent navboxes have only a 1 pixel border between them (except in IE6, which doesn't support the necessary CSS).  If you set the top or bottom margin of <code>style/bodystyle</code>, then this will not work.
*The default margin-left and margin-right of the outer navbox table are set to "auto;".  If you wish to use navbox as a float, you need to manually set the margin-left and margin-right values, because the auto margins interfere with the float option.  For example, add the following code to use the navbox as a float:
*The default margin-left and margin-right of the outer navbox table are set to "auto;".  If you wish to use navbox as a float, you need to manually set the margin-left and margin-right values, because the auto margins interfere with the float option.  For example, add the following code to use the navbox as a float:
::<code>style = width:22em;float:right;margin-left:1em;margin-right:0em;</code>
::<code>style = width:22em;float:right;margin-left:1em;margin-right:0em;</code>


== See also ==
== TemplateData ==
* {{t1|Navbox with columns}} &ndash; Allows columns instead of groups/lists
<templatedata>
* {{t1|Navbox with collapsible groups}} &ndash; Another variation.
{
* [[Wikipedia:Line break handling]] &ndash; The how-to guide about how to handle word wraps (line breaks) on Wikipedia, such as the wrapping of the link lists used in navboxes.
"format": "block",
* {{t1|Nowrap begin}} &ndash; The recommended format for adding bullets, pipes, or dashes between list items.  The page describes how to go about using them with proper wrapping.
"description": {
* {{t1|Nobold}} &ndash; To display text at normal font-weight within a context where the default font-weight is bold, e.g. header cells in tables.
"en": "This template allows a navigational template to be set up relatively quickly by supplying it one or more lists of links.",
* {{tn|·}} and {{tn|•}} &ndash; The dot and bullet commonly used to separate items in Navbox lists.
"cs": "Tato šablona umožňuje poměrně rychle nastavit navigační šablonu tím, že jí poskytne jeden nebo více seznamů odkazů."
 
},
 
"params": {
{{Navigational templates}}
"image": {
 
"label": {
<includeonly>
"en": "Image",
"cs": "Obraz"
},
"type": "wiki-file-name"
},
"imageleft": {
"label": {
"en": "Image left",
"cs": "Obrázek vlevo"
},
"type": "wiki-file-name"
},
"name": {
"label": {
"en": "Template Name",
"cs": "Název šablony"
},
"description": {
"en": "The name of the template that creates this navbox.",
"cs": "Název šablony, která vytváří toto navigační pole."
},
"autovalue": "{{subst:PAGENAME}}",
"suggested": true,
"type": "wiki-template-name"
},
"title": {
"label": {
"en": "Title",
"cs": "Titul"
},
"type": "string"
},
"above": {
"label": {
"en": "Content above",
"cs": "Obsah výše"
},
"type": "content"
},
"group1": {
"label": {
"en": "Group #1",
"cs": "Skupina 1"
},
"type": "string"
},
"list1": {
"label": {
"en": "List #1",
"cs": "Seznam 1"
},
"type": "content"
},
"group2": {
"label": {
"en": "Group 2",
"cs": "Skupina 2"
},
"type": "string"
},
"list2": {
"label": {
"en": "List #2",
"cs": "Seznam 2"
},
"type": "content"
},
"list3": {
"label": {
"en": "List #3",
"cs": "Seznam 3"
},
"type": "content"
},
"group3": {
"label": {
"en": "Group #3",
"cs": "Skupina 3"
},
"type": "string"
},
"group4": {
"label": {
"en": "Group #4",
"cs": "Skupina 4"
},
"type": "string"
},
"list4": {
"label": {
"en": "List #4",
"cs": "Seznam 4"
},
"type": "content"
},
"group5": {
"label": {
"en": "Group #5",
"cs": "Skupina 5"
},
"type": "string"
},
"list5": {
"label": {
"en": "List #5",
"cs": "Seznam 5"
},
"type": "content"
},
"group6": {
"label": {
"en": "Group #6",
"cs": "Skupina 6"
},
"type": "string"
},
"list6": {
"label": {
"en": "List #6",
"cs": "Seznam 6"
},
"type": "content"
},
"group7": {
"label": {
"en": "Group #7",
"cs": "Skupina 7"
},
"type": "string"
},
"list7": {
"label": {
"en": "List #7",
"cs": "Seznam 7"
},
"type": "content"
},
"group8": {
"label": {
"en": "Group #8",
"cs": "Skupina 8"
},
"type": "string"
},
"list8": {
"label": {
"en": "List #8",
"cs": "Seznam 8"
},
"type": "content"
},
"group9": {
"label": {
"en": "Group #9",
"cs": "Skupina 9"
},
"type": "string"
},
"list9": {
"label": {
"en": "List #9",
"cs": "Seznam 9"
},
"type": "content"
},
"group10": {
"label": {
"en": "Group #10",
"cs": "Skupina 10"
},
"type": "string"
},
"list10": {
"label": {
"en": "List #10",
"cs": "Seznam 10"
},
"type": "content"
},
"group11": {
"label": {
"en": "Group #11",
"cs": "Skupina 11"
},
"type": "string"
},
"list11": {
"label": {
"en": "List #11",
"cs": "Seznam 11"
},
"type": "content"
},
"group12": {
"label": {
"en": "Group #12",
"cs": "Skupina 12"
},
"type": "string"
},
"list12": {
"label": {
"en": "List #12",
"cs": "Seznam 12"
},
"type": "content"
},
"group13": {
"label": {
"en": "Group #13",
"cs": "Skupina 13"
},
"type": "string"
},
"list13": {
"label": {
"en": "List #13",
"cs": "Seznam 13"
},
"type": "content"
},
"group14": {
"label": {
"en": "Group #14",
"cs": "Skupina 14"
},
"type": "string"
},
"list14": {
"label": {
"en": "List #14",
"cs": "Seznam 14"
},
"type": "content"
},
"group15": {
"label": {
"en": "Group #15",
"cs": "Skupina 15"
},
"type": "string"
},
"list15": {
"label": {
"en": "List #15",
"cs": "Seznam 15"
},
"type": "content"
},
"group16": {
"label": {
"en": "Group #16",
"cs": "Skupina 16"
},
"type": "string"
},
"list16": {
"label": {
"en": "List #16",
"cs": "Seznam 16"
},
"type": "content"
},
"group17": {
"label": {
"en": "Group #17",
"cs": "Skupina 17"
},
"type": "string"
},
"list17": {
"label": {
"en": "List #17",
"cs": "Seznam 17"
},
"type": "content"
},
"group18": {
"label": {
"en": "Group #18",
"cs": "Skupina 18"
},
"type": "string"
},
"list18": {
"label": {
"en": "List #18",
"cs": "Seznam 18"
},
"type": "content"
},
"group19": {
"label": {
"en": "Group #19",
"cs": "Skupina 19"
},
"type": "string"
},
"list19": {
"label": {
"en": "List #19",
"cs": "Seznam 19"
},
"type": "content"
},
"group20": {
"label": {
"en": "Group #20",
"cs": "Skupina 20"
},
"type": "string"
},
"list20": {
"label": {
"en": "List #20",
"cs": "Seznam 20"
},
"type": "content"
},
"below": {
"label": {
"en": "Content below",
"cs": "Obsah níže"
},
"type": "content"
}
},
"paramOrder": [
"name",
"title",
"image",
"imageleft",
"above",
"group1",
"list1",
"group2",
"list2",
"group3",
"list3",
"group4",
"list4",
"group5",
"list5",
"group6",
"list6",
"group7",
"list7",
"group8",
"list8",
"group9",
"list9",
"group10",
"list10",
"group11",
"list11",
"group12",
"list12",
"group13",
"list13",
"group14",
"list14",
"group15",
"list15",
"group16",
"list16",
"group17",
"list17",
"group18",
"list18",
"group19",
"list19",
"group20",
"list20",
"below"
]
}
</templatedata>
<includeonly>{{Sandbox other||
<!--Categories-->
<!--Categories-->
[[Category:Navbox (navigational) templates| ]]
[[Category:Formatting templates| ]]
[[Category:Wikipedia metatemplates|{{PAGENAME}}]]
[[Category:Templates using ParserFunctions|{{PAGENAME}}]]


<!--Other languages-->
<!--Other languages-->
[[da:Skabelon:Navbox]]
}}</includeonly>
[[es:Plantilla:Navbox]]
[[fa:الگو:جعبه گشتن]]
[[fr:Modèle:Méta palette de navigation]]
[[ko:틀:Navbox]]
[[hi:साँचा:Navbox]]
[[id:Templat:Navbox]]
[[ka:თარგი:ნავდაფა]]
[[mk:Шаблон:Navbox]]
[[ms:Templat:Navbox]]
[[ja:Template:Navbox]]
[[no:Mal:Navbox]]
[[pl:Szablon:Navbox]]
[[pt:Predefinição:Navbox]]
[[sl:Predloga:Navpolje]]
[[th:แม่แบบ:Navbox]]
[[zh:Template:Navbox]]
</includeonly>

Latest revision as of 20:02, 20 March 2023

This template allows a navigational template to be set up relatively quickly by supplying it one or more lists of links. It comes equipped with default styles that should work for most navigational templates. Changing the default styles is not recommended, but is possible. Using this template, or one of its "Navbox suite" sister templates, is highly recommended for standardization of navigational templates, and for ease of use.

Usage

Please remove the parameters that are left blank. 

{{Navbox
|bodyclass  = 
|name       = {{subst:PAGENAME}}
|title      = 
|titlestyle = 
|image      = 
|above      = 

|group1     = 
|list1      = 

|group2     = 
|list2      = 
 ...
|group20    = 
|list20     = 

|below      = 
}}

Parameter list


The navbox uses lowercase parameter names, as shown in the box (at right). The mandatory name and title will create a one-line box if other parameters are omitted.

Notice "group1" (etc.) is optional, as are sections named "above/below".

The basic and most common parameters are as follows (see below for the full list):

bodyclass - applies an HTML class attribute to the entire navbox.
name - the name of the template.
title - text in the title bar, such as: [[Widget stuff]].
titleclass - applies an HTML class attribute to the title bar.
state - autocollapse, uncollapsed, collapsed: the status of box expansion, where "autocollapse" hides stacked navboxes automatically.
titlestyle - a CSS style for the title-bar, such as: background:gray;
groupstyle - a CSS style for the group-cells, such as: background:#eee;
image - an optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as [[Image:XX.jpg|90px|link=|alt=]].
imageleft - an optional left-side image (code the same as the "image" parameter).
above - text to appear above the group/list section (could be a list of overall wikilinks).
groupn - the left-side text before list-n (if group-n omitted, list-n starts at left of box).
listn - text listing wikilinks, often separated by middot templates, such as: [[A]]{{·}} [[B]]
below - optional text to appear below the group/list section.

Further details, and complex restrictions, are explained below under section Parameter descriptions. See some alternate navbox formats under: Layout of table.

Parameter descriptions

The following is a complete list of parameters for using {{Navbox}}. In most cases, the only required parameters are name, title, and list1, though child navboxes do not even require those to be set.

{{Navbox}} shares numerous common parameter names as its sister templates {{Navbox with columns}} and {{Navbox with collapsible groups}} for consistency and ease of use. Parameters marked with an asterisk * are common to all three master templates.

Setup parameters

name*
The name of the template, which is needed for the "v· d· e" ("view· discuss· edit") links to work properly on all pages where the template is used. You can enter {{subst:PAGENAME}} for this value as a shortcut. The name parameter is only mandatory if a title is specified, and the border parameter is not set.
state* [autocollapse, uncollapsed, collapsed, plain, off]
  • Defaults to autocollapse. A navbox with autocollapse will start out collapsed if there are two or more tables on the same page that use other collapsible tables. Otherwise, the navbox will be expanded. For the technically minded, see MediaWiki:Common.js.
  • If set to collapsed, the navbox will always start out in a collapsed state.
  • If set to plain, the navbox will always be expanded with no [hide] link on the right, and the title will remain centered (by using padding to offset the v • d • e links).
  • If set to off, the navbox will always be expanded with no [hide] link on the right, but no padding will be used to keep the title centered. This is for advanced use only; the "plain" option should suffice for most applications where the [show]/[hide] button needs to be hidden.
  • If set to anything other than autocollapse, collapsed, plain, or off (such as "uncollapsed"), the navbox will always start out in an expanded state, but have the "hide" button.
To show the box when standalone (non-included) but then auto-hide contents when in an article, put "uncollapsed" inside <noinclude> tags:
  • state = <noinclude>uncollapsed</noinclude>
  • That setting will force the box visible when standalone (even when followed by other boxes), displaying "[hide]" but then auto-collapse the box when stacked inside an article.
Often times, editors will want a default initial state for a navbox, which may be overridden in an article. Here is the trick to do this:
  • In your intermediate template, create a parameter also named "state" as a pass-through like this:
  • | state = {{{state<includeonly>|your_desired_initial_state</includeonly>}}}
  • The <includeonly>| will make the template expanded when viewing the template page by itself.
navbar*
Defaults to Tnavbar. If set to plain, the v • d • e links on the left side of the titlebar will not be displayed, and padding will be automatically used to keep the title centered. Use off to remove the v • d • e links, but not apply padding (this is for advanced use only; the "plain" option should suffice for most applications where a navbar is not desired). Note that it is highly recommended that one does not hide the navbar, in order to make it easier for users to edit the template, and to keep a standard style across pages.
border*
See section below on using navboxes within one another for examples and a more complete description. If set to child or subgroup, then the navbox can be used as a borderless child that fits snuggly in another navbox. The border is hidden and there is no padding on the sides of the table, so it fits into the list area of its parent navbox. If set to none, then the border is hidden and padding is removed, and the navbox may be used as a child of another container (do not use the none option inside of another navbox; similarly, only use the child/subgroup option inside of another navbox). If set to anything else (default), then a regular navbox is displayed with a 1px border. An alternate way to specify the border to be a subgroup style is like this (i.e. use the first unnamed parameter instead of the named border parameter):
{{Navbox|child
...
}}

Cells

title*
Text that appears centered in the top row of the table. It is usually the template's topic, i.e. a succinct description of the body contents. This should be a single line, but if a second line is needed, use {{-}} to ensure proper centering. This parameter is technically not mandatory, but using {{Navbox}} is rather pointless without a title.
groupn*
(i.e. group1, group2, etc.) If specified, text appears in a header cell displayed to the left of listn. If omitted, listn uses the full width of the table.
listn*
(i.e. list1, list2, etc.) The body of the template, usually a list of links. Format is inline, although the text can be entered on separate lines if the entire list is enclosed within <div> </div>. At least one list parameter is required; each additional list is displayed in a separate row of the table. Each listn may be preceded by a corresponding groupn parameter, if provided (see below).
image*
An image to be displayed in a cell below the title and to the right of the body (the groups/lists). For the image to display properly, the list1 parameter must be specified. The image parameter accepts standard wikicode for displaying an image, e.g.:
[[Image:XX.jpg|90px|link=|alt=]]
imageleft*
An image to be displayed in a cell below the title and to the left of the body (lists). For the image to display properly, the list1 parameter must be specified and no groups can be specified. It accepts the same sort of parameter that image accepts.
above*
A full-width cell displayed between the titlebar and first group/list, i.e. above the template's body (groups, lists and image). In a template without an image, above behaves in the same way as the list1 parameter without the group1 parameter.
below*
A full-width cell displayed below the template's body (groups, lists and image). In a template without an image, below behaves in the same way as the template's final listn parameter without a groupn parameter.

Style parameters

Styles are generally not recommended as to maintain consistency among templates and pages in Wikipedia. However, the option to modify styles is given.

style*
Specifies CSS styles to apply to the template body. The parameter bodystyle also does the example same thing and can be used in place of this style parameter. This option should be used sparingly as it can lead to visual inconsistencies. Examples:
style = background:#nnnnnn;
style = width:N [em/%/px or width:auto];
style = float:[left/right/none];
style = clear:[right/left/both/none];
basestyle*
CSS styles to apply to the title, above, below, and group cells all at once. The style are not applied to list cells. This is convenient for easily changing the basic color of the navbox without having to repeat the style specifications for the different parts of the navbox. Examples:
basestyle = background:lightskyblue;
titlestyle*
CSS styles to apply to title, most often the titlebar's background color:
titlestyle = background:#nnnnnn;
titlestyle = background:name;
groupstyle*
CSS styles to apply to the groupN cells. This option overrides any styles that are applied to the entire table. Examples:
groupstyle = background:#nnnnnn;
groupstyle = text-align:[left/center/right];
groupstyle = vertical-align:[top/middle/bottom];
groupnstyle*
CSS styles to apply to a specific group, in addition to any styles specified by the groupstyle parameter. This parameter should only be used when absolutely necessary in order to maintain standardization and simplicity. Examples:
group3style = background:red;color:white;
liststyle*
CSS styles to apply to all lists. Overruled by the oddstyle and evenstyle parameters (if specified) below. When using backgound colors in the navbox, see the note below.
listnstyle*
CSS styles to apply to a specific list, in addition to any styles specified by the liststyle parameter. This parameter should only be used when absolutely necessary in order to maintain standardization and simplicity. Examples:
list5style = background:#ddddff;
listpadding*
A number and unit specifying the padding in each list cell. The list cells come equipped with a default padding of 0.25em on the left and right, and 0em on the top and bottom. Due to complex technical reasons, simply setting "liststyle=padding:0.5em;" (or any other padding setting) will not work. Examples:
listpadding = 0.5em 0em; (sets 0.5em padding for the left/right, and 0em padding for the top/bottom.)
listpadding = 0em; (removes all list padding.)
oddstyle
evenstyle
Applies to odd/even list numbers. Overrules styles defined by liststyle. The default behavior is to add striped colors (white and gray) to odd/even rows, respectively, in order to improve readability. These should not be changed except in extraordinary circumstances.
evenodd [swap, even, odd, off]
If set to swap, then the automatic striping of even and odd rows is reversed. Normally, even rows get a light gray background for striping; when this parameter is used, the odd rows receive the gray striping instead of the even rows. Setting to even or odd sets all rows to have that striping color. Setting to off disables automatic row striping. This advanced parameter should only be used to fix problems when the navbox is being used as a child of another navbox and the stripes do not match up. Examples and a further description can be found in the section on child navboxes below.
abovestyle*
belowstyle*
CSS styles to apply to the top cell (specified via the above parameter) and bottom cell (specified via the below parameter). Typically used to set background color or text alignment:
abovestyle = background:#nnnnnn;
abovestyle = text-align:[left/center/right];
imagestyle*
imageleftstyle*
CSS styles to apply to the cells where the image/imageleft sits. These styles should only be used in exceptional circumstances, usually to fix width problems if the width of groups is set and the width of the image cell grows too large. Examples:
imagestyle = width:5em;
Default styles

The style settings listed here are those that editors using the navbox change most often. The other more complex style settings were left out of this list to keep it simple. Most styles are set in MediaWiki:Common.css.

bodystyle = background:#fdfdfd; width:100%; vertical-align:middle;
titlestyle = background:#ccccff; padding-left:1em; padding-right:1em; text-align:center;
abovestyle = background:#ddddff; padding-left:1em; padding-right:1em; text-align:center;
belowstyle = background:#ddddff; padding-left:1em; padding-right:1em; text-align:center;
groupstyle = background:#ddddff; padding-left:1em; padding-right:1em; text-align:right;
liststyle = background:transparent; text-align:left/center;
oddstyle = background:transparent;
evenstyle = background:#f7f7f7;

Since liststyle and oddstyle are transparent odd lists have the color of the bodystyle, which defaults to #fdfdfd (white with a hint of gray). A list has text-align:left; if it has a group, if not it has text-align:center;. Since only bodystyle has a vertical-align all the others inherit its vertical-align:middle;.

Advanced parameters

titlegroup
This puts a group in the title area, with the same default styles as groupn. It should be used only in exceptional circumstances (usually advanced meta-templates) and its use requires some knowledge of the internal code of {{Navbox}}; you should be ready to manually set up CSS styles to get everything to work properly if you wish to use it. If you think you have an application for this parameter, it might be best to change your mind, or consult the talk page first.
titlegroupstyle
The styles for the titlegroup cell.
innerstyle
A very advanced parameter to be used only for advanced meta-templates employing the navbox. Internally, the navbox uses an outer table to draw the border, and then an inner table for everything else (title/above/groups/lists/below/images, etc.). The style/bodystyle parameter sets the style for the outer table, which the inner table inherits, but in advanced cases (meta-templates) it may be necessary to directly set the style for the inner table. This parameter provides access to that inner table so styles can be applied. Use at your own risk.

Microformats

bodyclass
This parameter is inserted into the "class" attribute for the infobox as a whole.
titleclass
This parameter is inserted into the "class" attribute for the infobox's title caption.

This template supports the addition of microformat information. This is done by adding "class" attributes to various data cells, indicating what kind of information is contained within. To flag a navbox as containing hCard information about a person, for example, add the following parameter: 

|bodyclass = vcard

and 

|titleclass = fn

or (for example): 

|title = The books of <span class="fn">[[Iain Banks]]</span>

...and so forth.

Layout of table

Table generated by {{Navbox}} without image, above and below parameters (gray list background color added for illustration only):



Table generated by {{Navbox}} with image, above and below parameters (gray list background color added for illustration only):



Table generated by {{Navbox}} with image, imageleft, lists, and without groups, above, below (gray list background color added for illustration only):



Technical details

  • This template uses CSS classes for most of its looks, thus it is fully skinnable.
  • Internally this meta template uses HTML markup instead of wiki markup for the table code. That is the usual way we make meta templates since wiki markup has several drawbacks. For instance it makes it harder to use parser functions and special characters in parameters.
  • For more technical details see the CSS classes in MediaWiki:Common.css and the collapsible table used to hide the box in MediaWiki:Common.js.

Intricacies

  • The 2px wide border between groups and lists is drawn using the border-left property of the list cell. Thus, if you wish to change the background color of the template (for example bodystyle = background:purple;), then you'll need to make the border-left-color match the background color (i.e. liststyle = border-left-color:purple;). If you wish to have a border around each list cell, then the 2px border between the list cells and group cells will disappear; you'll have to come up with your own solution.
  • The list cell width is initially set to 100%. Thus, if you wish to manually set the width of group cells, you'll need to also specify the liststyle to have width:auto. If you wish to set the group width and use images, it's up to you to figure out the CSS in the groupstyle, liststyle, imagestyle, and imageleftstyle parameters to get everything to work correctly. Example of setting group width:
groupstyle = width:10em;
liststyle = width:auto;
  • Adjacent navboxes have only a 1 pixel border between them (except in IE6, which doesn't support the necessary CSS). If you set the top or bottom margin of style/bodystyle, then this will not work.
  • The default margin-left and margin-right of the outer navbox table are set to "auto;". If you wish to use navbox as a float, you need to manually set the margin-left and margin-right values, because the auto margins interfere with the float option. For example, add the following code to use the navbox as a float:
style = width:22em;float:right;margin-left:1em;margin-right:0em;

TemplateData

This template allows a navigational template to be set up relatively quickly by supplying it one or more lists of links.

Template parameters

This template prefers block formatting of parameters.

ParameterDescriptionTypeStatus
Template Namename

The name of the template that creates this navbox.

Auto value
{{subst:PAGENAME}}
Templatesuggested
Titletitle

no description

Stringoptional
Imageimage

no description

Fileoptional
Image leftimageleft

no description

Fileoptional
Content aboveabove

no description

Contentoptional
Group #1group1

no description

Stringoptional
List #1list1

no description

Contentoptional
Group 2group2

no description

Stringoptional
List #2list2

no description

Contentoptional
Group #3group3

no description

Stringoptional
List #3list3

no description

Contentoptional
Group #4group4

no description

Stringoptional
List #4list4

no description

Contentoptional
Group #5group5

no description

Stringoptional
List #5list5

no description

Contentoptional
Group #6group6

no description

Stringoptional
List #6list6

no description

Contentoptional
Group #7group7

no description

Stringoptional
List #7list7

no description

Contentoptional
Group #8group8

no description

Stringoptional
List #8list8

no description

Contentoptional
Group #9group9

no description

Stringoptional
List #9list9

no description

Contentoptional
Group #10group10

no description

Stringoptional
List #10list10

no description

Contentoptional
Group #11group11

no description

Stringoptional
List #11list11

no description

Contentoptional
Group #12group12

no description

Stringoptional
List #12list12

no description

Contentoptional
Group #13group13

no description

Stringoptional
List #13list13

no description

Contentoptional
Group #14group14

no description

Stringoptional
List #14list14

no description

Contentoptional
Group #15group15

no description

Stringoptional
List #15list15

no description

Contentoptional
Group #16group16

no description

Stringoptional
List #16list16

no description

Contentoptional
Group #17group17

no description

Stringoptional
List #17list17

no description

Contentoptional
Group #18group18

no description

Stringoptional
List #18list18

no description

Contentoptional
Group #19group19

no description

Stringoptional
List #19list19

no description

Contentoptional
Group #20group20

no description

Stringoptional
List #20list20

no description

Contentoptional
Content belowbelow

no description

Contentoptional
Retrieved from "https://pcbwiki.net/index.php?title=Template:Navbox/doc&oldid=212817"