imported>Pcj at 15:55, 24 April 2009

2009-04-24T15:55:01Z

New page

A navigation box that presents its content in columns. Originally intended to provide a relatively straightforward means to align links prefixed by flag icons, e.g. in templates offering links to country articles.

== Basic syntax ==
Only required parameters and ''colwidth'' included.

<pre style="overflow:auto;">
{{Navbox with columns
|name = {{subst:PAGENAME}}
|title =
|colwidth = 
|col1 =
|col2 =
}}
</pre>
<div style="line-height:1.35em; font-size:90%;">* See [[wikipedia:Em (typography)|Em (typography)]]. Using proportional units means the template should still be displayed correctly across a range of browser font-sizes. If ''colwidth'' not specified, a default 10em is used.</div>

== Parameters ==
Required parameters in '''bold'''. Parameters marked with a cross'''†''' are parameters in common with the sister templates {{t|Navbox}} and {{t|Navbox with collapsible groups}}. A much more complete description of those parameters is available at {{t|Navbox}}.

===Setup parameters===
:;name†
::The name of the template. The name of this template, for example, is "Navbox with columns".

:;state†
::Possible values are <code>collapsed</code>, <code>uncollapsed</code>, <code>plain</code>, <code>off</code>, and the default <code>autocollapse</code>. See {{t|Navbox}} for more information.

:;''navbar''†
::Possible values are <code>plain</code>, <code>off</code>, and the default value of blank. See {{t|Navbox}} for more information.

:;''border''†
::Possible values are <code>child</code>, <code>none</code>, and the default value of blank. Set to <code>child</code> if you wish to use the navbox inside of another navbox; with this option, the child navbox is borderless and fits snuggly inside of its parent navbox. The parent navbox may be the list area of {{t|Navbox}}, a columns of another {{t|Navbox with columns}}, or a section of {{t|Navbox with collapsible groups}}. See {{t|Navbox}} for more information and examples.

===Basic data parameters===
:;'''''title'''''†
::The title of the template, displayed centered in the titlebar at the top of the template.

:;''above''†
::Text or other elements to appear above the columns.

:;''image''†
::Image to the right of all of the columns.

:;''imageleft''†
::Image to the left of all of the columns.

:;''below''†
::Text or other elements to appear below the columns.

===Style parameters===
:;''bodystyle''†
::CSS style/s to apply to the template's body (i.e. including space not used by columns)

:;''titlestyle''†
::[[Wikipedia:CSS|CSS]] style/s to apply to titlebar; usually <code>background:''color''</code> (background defaults to [[wikipedia:Wikipedia:NavFrame|NavHead]] default).

:;''abovestyle''†
:;''belowstyle''†
::CSS style/s to apply to the ''above'' and ''below'' parameters, respectively.

:;''basestyle''†
::CSS style/s to apply to the ''title'', ''above'', and ''below'', parameters, all at the same time.

:;''imagestyle''†
::CSS style/s to apply to the ''image'' parameter.

:;''imageleftstyle''†
::CSS style/s to apply to the ''imageleft'' parameter

:;''colsstyle''
::CSS style/s to apply across all columns; if used, usually <code>background:''color''</code> per ''titlestyle'' above.

:;''oddcolstyle''
:;''evencolstyle''
::CSS style/s to apply to all odd/even-numbered columns, respectively.

:;''colnstyle''
::CSS style/s to apply to the nth column only.

:;''colheaderstyle''
::CSS style/s to apply to all column headers.

:;''colnheaderstyle''
::CSS style/s to apply to the nth column header.

:;''colnfooterstyle''
::CSS style/s to apply to the nth column footer cell.

===Columns parameters===
:;''colwidth''
::Width, preferably in a proportional unit such as '[[wikipedia:Em (typography)|em]]', or as a percentage, used for each column whose width not specified by ''colNwidth'' below. Defaults to 10em. Examples:
:::<code>colwidth = 15em</code>
:::<code>colwidth = 25%</code>

:;''fullwidth''
::If set to anything, then the total width of the columns are scaled linearly to make the sum of the widths 100%. A rather advanced parameter, this usually need not be used and should be left blank. If a colheader or colfooter is used, then fullwidth is used automatically. Example:
:::<code>fullwidth = true</code>

:;''padding''
::Padding before first column, preferably in a proportional unit. Defaults to 5em. Padding is disabled by setting it to 0 (or 0em, or 0%).

:;''colnwidth''
::The nth column's width (overrides ''colwidth'' above).

:;'''''coln'''''
::The content of the nth column. <code>col1</code> is required. There can be a maximum of 20 columns.

:;''colnheader''
::A header cell for the nth column that appears above the column. See below for examples.

:;''colnfooter
::A footer cell that appears below the nth column.

:;''colnheadercolspan
::A number specifying how many columns the nth column header should span. It defaults to 1. If it is greater than one, then do not specify column headers that it covers. For example, if <code>col1headercolspan = 3</code>, then leave <code>col2header</code> and <code>col3header</code> blank.

:;''colnfootercolspan
::A number specifying how many columns the nth column footer should span. It defaults to 1. If it is greater than one, then do not specify column footers that it covers. For example, if <code>col1footercolspan = 3</code>, then leave <code>col2footer</code> and <code>col3footer</code> blank.

===Additional lists===
You may wish to add a few extra lists below the columns. The following parameters are given to provide such functionality. See {{t|Navbox}} for a more complete description of how they work, and for more examples. Groups are not allowed.

:;''listn''†
::Allows up to 6 additional lists below the columns.

:;''liststyle''†
::The general CSS style/s for the lists.

:;''listnstyle''†
::CSS style/s for the nth list parameter.

:;''listpadding''†
::Amount of padding to have in each list cell.

== Examples ==
===Basic example===
<pre style="overflow:scroll;">
{{Navbox with columns
|name = East Asia Summit (EAS)
|title = Member states of the East Asia Summit (EAS)
|width = 18.25em
|padding = 10em

|above = ''This is where the <nowiki>{{{above}}}</nowiki> would appear.''

|col1 = AUS BRU CAM IND
|col2 = IDN JPN LAO MAS
|col3 = MYA NZL CHN-PRC PHI
|col4 width=17em
|col4 = SIN KOR THA VIE

|below = '''Potential future members'''TLS RUS
}}
</pre>
{{Navbox with columns
|name = East Asia Summit (EAS)
|state = uncollapsed
|title = Member states of the East Asia Summit (EAS)
|width = 18.25em
|padding = 10em

|above = ''This is where the <nowiki>{{{above}}}</nowiki> parameter would appear.''

|col1 = AUS BRU CAM IND
|col2 = IDN JPN LAO MAS
|col3 = MYA NZL CHN-PRC PHI
|col4width=17em
|col4 = SIN KOR THA VIE

|below = '''Potential future members'''TLS RUS
}}

===Example with percentage widths===
<pre style="overflow:scroll;">
{{Navbox with columns
| name = Plastics
| title = Plastics
| colwidth = 33%
| colstyle = text-align: center
| col1 = Polyethylene (PE) Polyethylene terephthalate (PET or PETE) Polyvinyl chloride (PVC) Polyvinylidene chloride (PVDC) Polylactic acid (PLA)
| col2 = Polypropylene (PP) Polyamide (PA) Polycarbonate (PC) Polytetrafluoroethylene (PTFE) Polyurethane (PU)
| col3 = Polystyrene (PS) Polyester Acrylonitrile butadiene styrene (ABS) Polymethyl methacrylate (PMMA) Polyoxymethylene (POM)
}}
</pre>
{{Navbox with columns
| name = Plastics
| title = Plastics
| state = uncollapsed
| cols = 3
| colwidth = 33%
| colstyle = text-align: center
| col1 = Polyethylene (PE) Polyethylene terephthalate (PET or PETE) Polyvinyl chloride (PVC) Polyvinylidene chloride (PVDC) Polylactic acid (PLA)
| col2 = Polypropylene (PP) Polyamide (PA) Polycarbonate (PC) Polytetrafluoroethylene (PTFE) Polyurethane (PU)
| col3 = Polystyrene (PS) Polyester Acrylonitrile butadiene styrene (ABS) Polymethyl methacrylate (PMMA) Polyoxymethylene (POM)
}}

===Example with colnheader and colnfooter===
The gray background for the columns is added for illustration only.
{{Navbox with columns
|name = Navbox with columns/doc
|state = uncollapsed
|title = colnheader and colnfooter example

|colstyle = text-align:center;background:silver;
|colwidth = 25%

|col1header = col1header
|col2header = col2header
|col3header = col3header
|col4header = col4header

|col1 = col1
|col2 = col2
|col3 = col3
|col4 = col4

|col1footer = col1footer
|col2footer = col2footer
|col3footer = col3footer
|col4footer = col4footer

}}

==Using child navboxes==
All three types of navbox templates, namely {{t|Navbox}}, {{t|Navbox with columns}}, and {{t|Navbox with collapsible groups}}, can be nested inside of one another using the <code>border</code> parameter (which is common to all three). For complex templates, it may be necessary to use nesting to achieve a desired look.

===Nesting Navbox with columns in itself===
This example shows how one can nest multiple {{t|Navbox with columns}} templates to get the right look. Edit this section to view the code. There is a main {{t|Navbox with columns}} and two additional {{t|Navbox with columns}} templates, with the "child" option set (see code).
{{Navbox with columns
|name = Navbox with columns/doc
|state = uncollapsed
|title = Subgroups with nesting
|colstyle = text-align:center;background:silver;

|col1width = 33%
|col2width = 17%
|col3width = 33%
|col4width = 17%

|col1header = Col1Header
|col2header = Col2Header
|col3header = Col3Header
|col4header = Col4Header

|col1 = {{Navbox with columns|child
|colwidth = 50%
|colstyle = text-align:center;background:silver;

|col1header = Col1.1Header
|col2header = Col1.2Header

|col1 = Col1.1
|col2 = Col1.2
}}

|col2 = Col2

|col3 = {{Navbox with columns|child
|colwidth = 33%
|colstyle = text-align:center;background:silver;

|col1header = Col3.1Header
|col2header = Col3.2Header
|col3header = Col3.3Header

|col1 = Col3.1
|col2 = Col3.2
|col3 = Col3.3
}}

|col4 = Col4
}}

===Nesting other Navbox forms===
This example shows {{t|Navbox}}, {{t|Navbox with collapsible groups}} and {{t|Navbox with columns}} all working together. Press the edit button for the section to view the code. Note that each of the child navboxes has the first parameter set to <code>child</code>
{{Navbox with collapsible groups
|name = Navbox with collapsible groups
|title = Navbox, Navbox with columns, and Navbox with collapsible groups together
|selected = {{{1|}}}

|group1 = The Scouting Movement
|abbr1 = movement
|list1 = Scouting{{·}}''Scouting for Boys''{{·}}Scout method{{·}}Scout Law{{·}}Scout Promise{{·}}Scout Motto{{·}}Wood Badge{{·}}Age groups in Scouting and Guiding{{·}}Cub Scout{{·}}Boy Scout{{·}}Rover Scout{{·}}Brownie{{·}}Girl Guiding and Girl Scouting{{·}}Ranger (Girl Guide){{·}}Jamboree{{·}}Scout Leader{{·}}WOSM{{·}}WAGGGS{{·}}Non-aligned organisations{{·}}Scouting controversy and conflict{{·}}Scouting in popular culture{{·}}List of Scouts{{·}}List of highest awards in Scouting

|list2 = {{Navbox|child
|title = Former French colonies in Africa and the Indian Ocean
|titlestyle = background#
|groupstyle = background:lavender;

|group1 = Mahgreb
|list1 = Algeria{{·}} Morocco (Arguin Island){{·}} Tunisia

|group2 = French West Africa
|list2 = Côte d'Ivoire{{·}} Dahomey{{·}} French Sudan{{·}} Guinea{{·}} Mauritania{{·}} Niger{{·}} Senegal{{·}} Upper Volta

|group3 =  
|list3 = French Togoland{{·}} James Island

|group4 = French Equatorial Africa
|list4 = Chad{{·}} Gabon{{·}} Middle Congo{{·}} Oubangui-Chari

|group5 = Comoros
|list5 = Anjouan{{·}} Grande Comore{{·}} Mohéli

|group6 =  
|list6 = French Somaliland (Djibouti){{·}} Madagascar{{·}} Ile de France{{·}} Seychelles

}}

|group3 = Scouting in the United Kingdom
|abbr3 = Scouting
|list3 = The Scout Association{{·}}Girlguiding UK{{·}}Beaver Scouts{{·}}Cub Section (UK){{·}}Venture Scout{{·}}Explorer Scouts{{·}}Brownie (Girl Guides){{·}}Ranger (Girl Guide){{·}}Rainbow (Girl Guides){{·}}Scout Network{{·}}Chief Scout (United Kingdom){{·}}Scout Counties{{·}}Scout District{{·}}Scout Section (UK){{·}}Scout Activity Centre{{·}}Young Leaders

|list4 = {{Navbox with columns|child
|title = Navbox with columns nested in itself
|colstyle = text-align:center;

|col1width = 33%
|col2width = 17%
|col3width = 33%
|col4width = 17%

|col1header = Col1Header
|col2header = Col2Header
|col3header = Col3Header
|col4header = Col4Header

|col1 = {{Navbox with columns|child
|colwidth = 50%
|colstyle = text-align:center;

|col1header = Col1.1Header
|col2header = Col1.2Header

|col1 = Col1.1
|col2 = Col1.2
}}

|col2 = Col2

|col3 = {{Navbox with columns|child
|colwidth = 33%
|colstyle = text-align:center;

|col1header = Col3.1Header
|col2header = Col3.2Header
|col3header = Col3.3Header

|col1 = Col3.1
|col2 = Col3.2
|col3 = Col3.3
}}

|col4 = Col4
}}

}}

== See also ==
* {{t|Navbox}} – Allows groups/lists instead of columns
* {{t|Navbox with collapsible groups}} – Another variation.

<includeonly>

[[Category:Navigation templates| ]]

</includeonly>

Template:Navbox with columns/doc - Revision history

imported>Pcj at 15:55, 24 April 2009