Citakan:Navigation with columns/doc

Version of {{Navigation}} 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 width included.

{{Navigation with columns
|name  = {{subst:PAGENAME}}
|title = 
|cols  = (number of columns)
|width = (width of 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 width not specified, a default 10em is used.

Parameters

Required parameters in bold.

name	The name of the template. The name of this template, for example, is "Navigation with columns".
titlestyle	CSS style/s to apply to titlebar; usually background:color (background defaults to NavHead default).
title	The title of the template, displayed centered in the titlebar at the top of the template.
bodystyle	CSS style/s to apply to the template's body (i.e. including space not used by columns)
abovestyle	CSS style/s to apply to the above parameter.
above	Text or other elements to appear above the columns.
cols	The number of columns to be used (maximum 10, minimum 2).
width	Width, preferably in a proportional unit such as 'em', used for each column whose width not specified by colNwidth below. Defaults to 10em.
padding	Padding before first column, preferably in a proportional unit. Defaults to 5em.
colstyle	CSS style/s to apply across all columns; if used, usually background:color per titlestyle above.
oddcolstyle	CSS style/s to apply to all odd-numbered columns (again, if used, usually background:color).
evencolstyle	CSS style/s to apply to all even-numbered columns (ditto).
col1width	First column's width (overrides width above).
col1style	CSS style/s to apply to the first column.
col1	First column's content.
col2width	Second column's width (overrides width above).
col2style	CSS style/s to apply to the second column.
col2	Second column's content.
col3width	Third column's width (overrides width above).
col3style	CSS style/s to apply to the third column.
col3	Third column's content.
......	......
col10width	Tenth and final column's width (overrides width above).
col10style	CSS style/s to apply to the tenth and final column.
col10	Tenth and final column's content.
belowstyle	CSS style/s to apply to the below parameter.
below	Text or other elements to appear below the columns.
category	The category or categories to which a page including the template will become a member. Avoid using, as such categories not shown in the code of a page transcluding the template.

Example

Code

{{Navigation with columns
|name    = East Asia Summit (EAS)
|title   = Member states of the [[East Asia Summit|East Asia Summit (EAS)]]
|cols    = 4
|width   = 18.25em
|padding = 10em

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

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

|belowstyle = padding-top:0.5em;
|below = '''Potential future members'''{{spaces|6}}{{TLS}}{{spaces|3}}{{RUS}}
}}

Result

Member states of the East Asia Summit (EAS)

This is where the {{{above}}} parameter would appear.

Australia  Brunei  Kamboja  India

Indonésia  Jepang  Laos  Malaysia

Myanmar  Selandia Anyar Citakan:CHN-PRC  Pilipina

Singapura  Koréa Kidul  Thailand  Viétnam

Potential future members       Timor Leste    Rusia

See also

Navigation template comparison

	collapsible	Header color†	Image	Groups	Style parameter	Example
{{Navigation}}	NavFrame	NavHead	Henteu	Henteu	Henteu	{{OPEC}}
{{Navigation with image}}	NavFrame	NavHead	Left/right of body	Henteu	Henteu	{{HolmesNovels}}
{{Navigation with columns}}	NavFrame	NavHead	Henteu	Henteu	Henteu
{{Dynamic navigation box}}	collapsible	navbox	Henteu	Henteu	Enya	{{CSUHeads}}
{{Dynamic navigation box with image}}	NavFrame	NavHead	Upper left	Henteu	Henteu	{{SlovakPMs}}
{{Navbox generic}}	collapsible	navbox	Right-hand side	Enya	Enya	{{Dilbert}}
{{Navbox generic with image}}	collapsible	navbox	Right-hand side	Enya	Enya	{{Jewish life}}
{{NavigationBox}}	Henteu	navbox	Right of title+body	Henteu	Henteu	{{EPA}}
{{Commons:NavigationBox}}	Henteu	#ccccff	Right of title+body	Henteu	Henteu
{{Commons:Dynamic navigation box}}	NavFrame	#ccccff	Henteu	Henteu	Henteu
{{Commons:Dynamic navigation box with image}}	NavFrame	NavHead	Upper left	Henteu	Henteu
† The background color for the header or title is inherited from the class listed below. The templates have color parameters that override the default.

Collapsible attributes

Type	CSS classes	Collapses when	Custom initial state	Nesting	Header color	Font size
NavFrame div	NavFrame, NavHead, NavContent	3+ of the same	Henteu	Enya	#efefef	95%
Collapsible table	collapsible, navbox	2+ of the same	Enya	Henteu	#ccccff	90%
For the technically minded, see Common.css and Common.js.