Template:Wp/brh/Navbox with columns

Template documentation

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.

{{Wp/brh/Navbox with columns
|name  = {{Wp/brh/subst:PAGENAME}}
|title = 
|colwidth =  <!--(to set a default width for each column,
                  preferably in a proportional unit such as 'em'*)-->
|col1  = 
|col2  = 
}}

* See 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.

Parameters

Setup parameters

name^[1]: The name of the template. The name of this template, for example, is "Navbox with columns".

state^[1]: Possible values are collapsed, uncollapsed, plain, off, and the default autocollapse. See {{Wp/brh/Navbox}} for more information.

navbar^[1]: Possible values are plain, off, and the default value of blank. See {{Wp/brh/Navbox}} for more information.

border^[1]: Possible values are child, none, and the default value of blank. Set to child 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 {{Wp/brh/Navbox}}, a columns of another {{Wp/brh/Navbox with columns}}, or a section of {{Wp/brh/Navbox with collapsible groups}}. See {{Wp/brh/Navbox}} for more information and examples.

Basic data parameters

title^[1]: The title of the template, displayed centered in the titlebar at the top of the template.

above^[1]: Text or other elements to appear above the columns.

image^[1]: Image to the right of all of the columns.

imageleft^[1]: Image to the left of all of the columns.

below^[1]: Text or other elements to appear below the columns.

Style parameters

style^[1]: CSS style/s to apply to the template's body (i.e. including space not used by columns)

titlestyle^[1]: CSS style/s to apply to titlebar; usually background:color (background defaults to NavHead default).

abovestyle^[1]
belowstyle^[1]: CSS style/s to apply to the above and below parameters, respectively.

basestyle^[1]: CSS style/s to apply to the title, above, and below, parameters, all at the same time.

imagestyle^[1]: CSS style/s to apply to the image parameter.

imageleftstyle^[1]: CSS style/s to apply to the imageleft parameter

colstyle: CSS style/s to apply across all columns; if used, usually background:color per titlestyle above.

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

col_nstyle: CSS style/s to apply to the n^th column only.

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

col_nheaderstyle: CSS style/s to apply to the n^th column header.

col_nfooterstyle: CSS style/s to apply to the n^th column footer cell.

Columns parameters

colwidth

Width, preferably in a proportional unit such as 'em', or as a percentage, used for each column whose width not specified by colNwidth below. Defaults to 10em. Examples:

colwidth = 15em

colwidth = 25%

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:

fullwidth = true

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%).

col_nwidth: The n^th column's width (overrides colwidth above).

col_n: The content of the n^th column. If any columns are used, then col1 is required. There can be a maximum of 20 columns.

col_nheader: A header cell for the n^th column that appears above the column. See below for examples.

col_nfooter: A footer cell that appears below the n^th column.

col_nheadercolspan: A number specifying how many columns the n^th 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 col1headercolspan = 3, then leave col2header and col3header blank.

col_nfootercolspan: A number specifying how many columns the n^th 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 col1footercolspan = 3, then leave col2footer and col3footer blank.

Additional groups/lists

You may wish to add a few extra groups and/or lists below the columns. The following parameters are given to provide such functionality. See {{Wp/brh/Navbox}} for a more complete description of how they work, and for more examples.

group_n^[1]: Allows up to 6 additional groups to go along with the lists below the columns.

list_n^[1]: Allows up to 6 additional lists below the columns.

groupstyle^[1]: The general CSS style/s for the groups.

group_nstyle^†: CSS style/s for the n^th group parameter.^[1]
liststyle^[1]: The general CSS style/s for the lists.

list_nstyle: CSS style/s for the n^th list parameter.

listpadding^[1]: Amount of padding to have in each list cell.

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]: See {{Wp/brh/Navbox}} for description.

Examples

Basic example

{{Wp/brh/Navbox with columns
|name    = East Asia Summit (EAS)
|title   = Member states of the [[Wp/brh/Navbox with columns/East Asia Summit|East Asia Summit (EAS)]]
|width   = 18.25em
|padding = 10em

|above = ''This is where the {{Wp/brh/{above}}} would appear.''

|col1 = {{Wp/brh/AUS}}<br> {{Wp/brh/BRU}}<br> {{Wp/brh/flag|CHN|name=PR China}}<br> {{Wp/brh/CAM}}
|col2 = {{Wp/brh/IND}}<br> {{Wp/brh/IDN}}<br> {{Wp/brh/JPN}}<br> {{Wp/brh/LAO}}
|col3 = {{Wp/brh/MAS}}<br> {{Wp/brh/MMR}}<br> {{Wp/brh/NZL}}<br> {{Wp/brh/PHI}}
|col4width = 17em
|col4 = {{Wp/brh/SIN}}<br> {{Wp/brh/KOR}}<br> {{Wp/brh/THA}}<br> {{Wp/brh/VIE}}

|below = '''Potential future members'''{{Wp/brh/spaces|6}}{{Wp/brh/TLS}}{{Wp/brh/spaces|3}}{{Wp/brh/RUS}}
}}

v • d • e

Member states of the East Asia Summit (EAS)

This is where the {{Wp/brh/{above}}} parameter would appear.

Template:Wp/brh/AUS
Template:Wp/brh/BRU
PR China
Template:Wp/brh/CAM

Template:Wp/brh/IND
Template:Wp/brh/IDN
Template:Wp/brh/JPN
Template:Wp/brh/LAO

Template:Wp/brh/MAS
Template:Wp/brh/MMR
Template:Wp/brh/NZL
Template:Wp/brh/PHI

Template:Wp/brh/SIN
Template:Wp/brh/KOR
Template:Wp/brh/THA
Template:Wp/brh/VIE

Potential future membersTemplate:Wp/brh/loop15Template:Wp/brh/TLSTemplate:Wp/brh/loop15Template:Wp/brh/RUS

Example with percentage widths

{{Wp/brh/Navbox with columns
| name = Plastics
| title = [[Wp/brh/Navbox with columns/Plastic|Plastic]]s
| colwidth = 33%
| colstyle = text-align: center
| col1 = [[Wp/brh/Navbox with columns/Polyethylene|Polyethylene]] (PE)<br> [[Wp/brh/Navbox with columns/Polyethylene terephthalate|Polyethylene terephthalate]] (PET or PETE)<br> [[Wp/brh/Navbox with columns/Polyvinyl chloride|Polyvinyl chloride]] (PVC)<br> [[Wp/brh/Navbox with columns/Polyvinylidene chloride|Polyvinylidene chloride]] (PVDC)<br> [[Wp/brh/Navbox with columns/Polylactic acid|Polylactic acid]] (PLA)
| col2 = [[Wp/brh/Navbox with columns/Polypropylene|Polypropylene]] (PP)<br> [[Wp/brh/Navbox with columns/Polyamide|Polyamide]] (PA)<br> [[Wp/brh/Navbox with columns/Polycarbonate|Polycarbonate]] (PC)<br> [[Wp/brh/Navbox with columns/Polytetrafluoroethylene|Polytetrafluoroethylene]] (PTFE)<br> [[Wp/brh/Navbox with columns/Polyurethane|Polyurethane]] (PU)
| col3 = [[Wp/brh/Navbox with columns/Polystyrene|Polystyrene]] (PS)<br> [[Wp/brh/Navbox with columns/Polyester|Polyester]]<br> [[Wp/brh/Navbox with columns/Acrylonitrile butadiene styrene|Acrylonitrile butadiene styrene]] (ABS)<br> [[Wp/brh/Navbox with columns/Acrylic glass|Polymethyl methacrylate]] (PMMA)<br> [[Wp/brh/Navbox with columns/Polyoxymethylene|Polyoxymethylene]] (POM)
}}

v • d • e

Plastics

Polyethylene (PE)
Polyethylene terephthalate (PET or PETE)
Polyvinyl chloride (PVC)
Polyvinylidene chloride (PVDC)
Polylactic acid (PLA)

Polypropylene (PP)
Polyamide (PA)
Polycarbonate (PC)
Polytetrafluoroethylene (PTFE)
Polyurethane (PU)

Polystyrene (PS)
Polyester
Acrylonitrile butadiene styrene (ABS)
Polymethyl methacrylate (PMMA)
Polyoxymethylene (POM)

Example with col_nheader and col_nfooter

The gray background for the columns is added for illustration only.

v • d • e

col_nheader and col_nfooter example

col1header	col2header	col3header	col4header

col1	col2	col3	col4

col1footer	col2footer	col3footer	col4footer

Example with col_nheader using col_nheadercolspan

The gray background for the columns is added for illustration only. This example shows the col_nheadercolspan parameter being used, but you may also use col_nfootercolspan to adjust the span of the footer cells.

v • d • e

col_nheader with col_ncolspan example

col1header	col2header (colspan=2)		col4header	col5header (colspan=3)

col1	col2	col3	col4	col5	col6	col7

Example to illustrate most fields

The gray background and centered text for the columns is for illustration only. The columns default to an off-white background and left text alignment. This example shows how you can use up to six additional groups/lists after the columns.

v • d • e

Example to illustrate most fields

above

col1header	col2header	col3header	col4header	col5header

col1	col2	col3	col4	col5

col1footer	col2footer	col3footer	col4footer	col5footer

group1

list1

group2

list2

group3

list3

group4

list4

group5

list5

group6

list6

below

Using child navboxes

All three types of navbox templates, namely {{Wp/brh/Navbox}}, {{Wp/brh/Navbox with columns}}, and {{Wp/brh/Navbox with collapsible groups}}, can be nested inside of one another using the border 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 {{Wp/brh/Navbox with columns}} templates to get the right look. Edit this page to see the code. There is a main {{Wp/brh/Navbox with columns}} and two additional {{Wp/brh/Navbox with columns}} templates, with the "child" option set (see code).

v • d • e

Subgroups with nesting

Col1Header

Col2Header

Col3Header

Col4Header

Col1.1Header	Col1.2Header

Col1.1	Col1.2

Col2

Col3.1Header	Col3.2Header	Col3.3Header

Col3.1	Col3.2	Col3.3

Col4

Nesting other Navbox forms

This example shows {{Wp/brh/Navbox}}, {{Wp/brh/Navbox with collapsible groups}} and {{Wp/brh/Navbox with columns}} all working together. Edit this page to see the code. Note that each of the child navboxes has the first parameter set to child.

v • d • e

Navbox, Navbox with columns, and Navbox with collapsible groups together

The Scouting Movement

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

Former French colonies in Africa and the Indian Ocean

Mahgreb	Algeria · Morocco (Arguin Island) · Tunisia

French West Africa	Côte d'Ivoire · Dahomey · French Sudan · Guinea · Mauritania · Niger · Senegal · Upper Volta

Togo	French Togoland · James Island

French Equatorial Africa	Chad · Gabon · Middle Congo · Oubangui-Chari

Comoros	Anjouan · Grande Comore · Mohéli

Southern Africa	French Somaliland (Djibouti) · Madagascar · Ile de France · Seychelles

Scouting in the United Kingdom

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

Navbox with columns nested in itself

Col1Header

Col2Header

Col3Header

Col4Header

Col1.1Header	Col1.2Header

Col1.1	Col1.2

Col2

Col3.1Header	Col3.2Header	Col3.3Header

Col3.1	Col3.2	Col3.3

Col4

Footnote

↑ ^1.00 ^1.01 ^1.02 ^1.03 ^1.04 ^1.05 ^1.06 ^1.07 ^1.08 ^1.09 ^1.10 ^1.11 ^1.12 ^1.13 ^1.14 ^1.15 ^1.16 ^1.17 ^1.18 ^1.19 ^1.20 ^1.21 Parameters marked with a footnote ^[1] are parameters in common with the sister templates {{Wp/brh/Navbox}} and {{Wp/brh/Navbox with collapsible groups}}. A much more complete description of those parameters is available at {{Wp/brh/Navbox}}.

Template:Wp/brh/Navbox with columns

Contents

Basic syntax

Parameters

Setup parameters

Basic data parameters

Style parameters

Columns parameters

Additional groups/lists

Examples

Basic example

Example with percentage widths

Example with col_nheader and col_nfooter

Example with col_nheader using col_nheadercolspan

Example to illustrate most fields

Using child navboxes

Nesting Navbox with columns in itself

Nesting other Navbox forms

Footnote

See also

Template:Wp/brh/Navbox with columns

Basic syntax

Parameters

Setup parameters

Basic data parameters

Style parameters

Columns parameters

Additional groups/lists

Examples

Basic example

Example with percentage widths

Example with colnheader and colnfooter

Example with colnheader using colnheadercolspan

Example to illustrate most fields

Using child navboxes

Nesting Navbox with columns in itself

Nesting other Navbox forms

Footnote

See also

Example with col_nheader and col_nfooter

Example with col_nheader using col_nheadercolspan