Template:Navigation with columns
From Wikipedia, the free encyclopedia
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.
[edit] 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.
[edit] 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. |
[edit] Example
[edit] 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}} }}
[edit] Result
Member states of the
[edit] See also
collapsible | Header color | Image | Groups | Style (body) parameter/s |
Examples | |
---|---|---|---|---|---|---|
{{Navbox}} | collapsible | navbox | Left/right of body | Yes | Yes | {{USCongress}}, {{Solar System}} |
{{Navbox with columns}} | collapsible | navbox | Left/right of columns | No | Yes | {{Current U.S. Senators}}, {{Czech lands}} |
{{Navbox with collapsible groups}} | collapsible | navbox | Left/right of body and/or in each list | Yes | Yes | {{University of Michigan}}, {{Scouting}} |
Type | CSS classes | Javascript | Collapses when | Custom initial state |
Nesting |
---|---|---|---|---|---|
Collapsible tables | collapsible | Defined in Common.js | 2 or more autocollapse on page | Yes | Yes |