Misplaced Pages

Template:Navbox with columns: Difference between revisions

Article snapshot taken from Wikipedia with creative commons attribution-sharealike license. Give it a read and then ask your questions in the chat. We can research this topic together.
Browse history interactively← Previous editContent deleted Content addedVisualWikitext
Revision as of 16:39, 22 August 2011 view sourceUcucha (talk | contribs)Administrators38,568 edits |titleclass = {{{titleclass|}}} |bodyclass = {{{bodyclass|}}} per talk← Previous edit Latest revision as of 20:33, 17 September 2024 view source Ahecht (talk | contribs)Edit filter managers, Autopatrolled, Administrators64,868 edits Use Module:Navbox with columns per talkTag: Replaced 
(13 intermediate revisions by 9 users not shown)
Line 1: Line 1:
{{#invoke:Navbox with columns|navbox}}<noinclude>
<!--

Please do not edit without discussion first as this is a "VERY complex" template.

-->{{Navbox
|name = {{{name|}}}
|navbar = {{{navbar|}}}
|state = {{{state|}}}
|border = {{{border|{{{1|}}}}}}

|title = {{{title|}}}
|above = {{{above|}}}
|below = {{{below|}}}
|image = {{{image|}}}
|imageleft = {{{imageleft|}}}

|titleclass = {{{titleclass|}}}
|bodyclass = {{{bodyclass|}}}
|style = {{{style|}}}{{{bodystyle|}}}
|basestyle = {{{basestyle|}}}
|titlestyle = {{{titlestyle|}}}
|abovestyle = {{{abovestyle|}}}
|belowstyle = {{{belowstyle|}}}
|imagestyle = {{{imagestyle|}}}
|imageleftstyle = {{{imageleftstyle|}}}
|list1padding = 0px;

|list1 = <!--
--><table cellspacing="0" class="navbox-columns-table" style="text-align:left;{{#if:{{{col1header|}}}{{{fullwidth|}}}|width:100%;|width:auto;margin-left:auto;margin-right:auto;}}{{{coltablestyle|}}}"><!--


--- Header row ---

-->{{#if:{{{col1header|}}}|<tr><!--

--><td class="navbox-abovebelow" <!--
-->colspan={{{col1headercolspan|1}}} style="<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col1headerstyle|}}}">{{{col1header}}}</td><!--

-->{{#if:{{{col2header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col2headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col2headerstyle|}}}">{{{col2header}}}</td>}}<!--

-->{{#if:{{{col3header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col3headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col3headerstyle|}}}">{{{col3header}}}</td>}}<!--

-->{{#if:{{{col4header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col4headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col4headerstyle|}}}">{{{col4header}}}</td>}}<!--

-->{{#if:{{{col5header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col5headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col5headerstyle|}}}">{{{col5header}}}</td>}}<!--

-->{{#if:{{{col6header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col6headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col6headerstyle|}}}">{{{col6header}}}</td>}}<!--

-->{{#if:{{{col7header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col7headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col7headerstyle|}}}">{{{col7header}}}</td>}}<!--

-->{{#if:{{{col8header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col8headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col8headerstyle|}}}">{{{col8header}}}</td>}}<!--

-->{{#if:{{{col9header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col9headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col9headerstyle|}}}">{{{col9header}}}</td>}}<!--

-->{{#if:{{{col10header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col10headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col10headerstyle|}}}">{{{col10header}}}</td>}}<!--

-->{{#if:{{{col11header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col11headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col11headerstyle|}}}">{{{col11header}}}</td>}}<!--

-->{{#if:{{{col12header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col12headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col12headerstyle|}}}">{{{col12header}}}</td>}}<!--

-->{{#if:{{{col13header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col13headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col13headerstyle|}}}">{{{col13header}}}</td>}}<!--

-->{{#if:{{{col14header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col14headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col14headerstyle|}}}">{{{col14header}}}</td>}}<!--

-->{{#if:{{{col15header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col15headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col15headerstyle|}}}">{{{col15header}}}</td>}}<!--

-->{{#if:{{{col16header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col16headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col16headerstyle|}}}">{{{col16header}}}</td>}}<!--

-->{{#if:{{{col17header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col17headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col17headerstyle|}}}">{{{col17header}}}</td>}}<!--

-->{{#if:{{{col18header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col18headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col18headerstyle|}}}">{{{col18header}}}</td>}}<!--

-->{{#if:{{{col19header|}}}|<td class="navbox-abovebelow" <!--
-->colspan={{{col19headercolspan|1}}} style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col19headerstyle|}}}">{{{col19header}}}</td>}}<!--

-->{{#if:{{{col20header|}}}|<td class="navbox-abovebelow" <!--
-->style="border-left:2px solid #fdfdfd;<!--
-->font-weight:bold;{{{colheaderstyle|}}}{{{col20headerstyle|}}}">{{{col20header}}}</td>}}<!--

--></tr>}}<!--


--- Main columns---

-->{{#if:{{{col1|}}}|{{#if:{{{col1header|}}}|<tr style="height:2px;"><td></td></tr>}}<!--

--><tr style="vertical-align:top;"><!--
-->{{#if:{{{col1header|}}}{{{col1footer|}}}{{{fullwidth|}}}|<!--
-->|{{#switch:{{{padding|}}}|off|0|0em|0px|0%|0;|0em;|0px;|0%;=<!--
-->|#default=<td style="width:{{{padding|5em}}};">&nbsp;&nbsp;&nbsp;</td>}}}}<!--

--><td style="padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col1style|}}};width:{{{col1width|{{{colwidth|10em}}}}}};"><div>
{{{col1}}}
</div></td>}}<!--

-->{{#if:{{{col2|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col2style|}}};width:{{{col2width|{{{colwidth|10em}}}}}};"><div>
{{{col2}}}
</div></td>}}<!--

-->{{#if:{{{col3|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col3style|}}};width:{{{col3width|{{{colwidth|10em}}}}}};"><div>
{{{col3}}}
</div></td>}}<!--

-->{{#if:{{{col4|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col4style|}}};width:{{{col4width|{{{colwidth|10em}}}}}};"><div>
{{{col4}}}
</div></td>}}<!--

-->{{#if:{{{col5|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col5style|}}};width:{{{col5width|{{{colwidth|10em}}}}}};"><div>
{{{col5}}}
</div></td>}}<!--

-->{{#if:{{{col6|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col6style|}}};width:{{{col6width|{{{colwidth|10em}}}}}};"><div>
{{{col6}}}
</div></td>}}<!--

-->{{#if:{{{col7|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col7style|}}};width:{{{col7width|{{{colwidth|10em}}}}}};"><div>
{{{col7}}}
</div></td>}}<!--

-->{{#if:{{{col8|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col8style|}}};width:{{{col8width|{{{colwidth|10em}}}}}};"><div>
{{{col8}}}
</div></td>}}<!--

-->{{#if:{{{col9|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col9style|}}};width:{{{col9width|{{{colwidth|10em}}}}}};"><div>
{{{col9}}}
</div></td>}}<!--

-->{{#if:{{{col10|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col10style|}}};width:{{{col10width|{{{colwidth|10em}}}}}};"><div>
{{{col10}}}
</div></td>}}<!--

-->{{#if:{{{col11|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col11style|}}};width:{{{col11width|{{{colwidth|10em}}}}}};"><div>
{{{col11}}}
</div></td>}}<!--

-->{{#if:{{{col12|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col12style|}}};width:{{{col12width|{{{colwidth|10em}}}}}};"><div>
{{{col12}}}
</div></td>}}<!--

-->{{#if:{{{col13|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col13style|}}};width:{{{col13width|{{{colwidth|10em}}}}}};"><div>
{{{col13}}}
</div></td>}}<!--

-->{{#if:{{{col14|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col14style|}}};width:{{{col14width|{{{colwidth|10em}}}}}};"><div>
{{{col14}}}
</div></td>}}<!--

-->{{#if:{{{col15|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col15style|}}};width:{{{col15width|{{{colwidth|10em}}}}}};"><div>
{{{col15}}}
</div></td>}}<!--

-->{{#if:{{{col16|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col16style|}}};width:{{{col16width|{{{colwidth|10em}}}}}};"><div>
{{{col16}}}
</div></td>}}<!--

-->{{#if:{{{col17|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col17style|}}};width:{{{col17width|{{{colwidth|10em}}}}}};"><div>
{{{col17}}}
</div></td>}}<!--

-->{{#if:{{{col18|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col18style|}}};width:{{{col18width|{{{colwidth|10em}}}}}};"><div>
{{{col18}}}
</div></td>}}<!--

-->{{#if:{{{col19|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{oddcolstyle|}}};{{{col19style|}}};width:{{{col19width|{{{colwidth|10em}}}}}};"><div>
{{{col19}}}
</div></td>}}<!--

-->{{#if:{{{col20|}}}|<td style="border-left:2px solid #fdfdfd;padding:0px;<!--
-->{{{colstyle|}}};{{{evencolstyle|}}};{{{col20style|}}};width:{{{col20width|{{{colwidth|10em}}}}}};"><div>
{{{col20}}}
</div></td>}}<!--



--- Footer row ---

-->{{#if:{{{col1footer|}}}|<!--
-->{{#if:{{{col1|}}}{{{col1header|}}}|<tr style="height:2px"><td></td></tr>}}<tr><!--

--><td class="navbox-abovebelow" colspan={{{col1footercolspan|1}}} style="<!--
-->font-weight:bold;{{{colfooterstyle|}}};{{{col1footerstyle|}}}">{{{col1footer}}}</td><!--

-->{{#if:{{{col2footer|}}}|<td class="navbox-abovebelow" colspan={{{col2footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col2footerstyle|}}}">{{{col2footer}}}</td>}}<!--

-->{{#if:{{{col3footer|}}}|<td class="navbox-abovebelow" colspan={{{col3footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col3footerstyle|}}}">{{{col3footer}}}</td>}}<!--

-->{{#if:{{{col4footer|}}}|<td class="navbox-abovebelow" colspan={{{col4footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col4footerstyle|}}}">{{{col4footer}}}</td>}}<!--

-->{{#if:{{{col5footer|}}}|<td class="navbox-abovebelow" colspan={{{col5footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col5footerstyle|}}}">{{{col5footer}}}</td>}}<!--

-->{{#if:{{{col6footer|}}}|<td class="navbox-abovebelow" colspan={{{col6footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col6footerstyle|}}}">{{{col6footer}}}</td>}}<!--

-->{{#if:{{{col7footer|}}}|<td class="navbox-abovebelow" colspan={{{col7footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col7footerstyle|}}}">{{{col7footer}}}</td>}}<!--

-->{{#if:{{{col8footer|}}}|<td class="navbox-abovebelow" colspan={{{col8footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col8footerstyle|}}}">{{{col8footer}}}</td>}}<!--

-->{{#if:{{{col9footer|}}}|<td class="navbox-abovebelow" colspan={{{col9footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col9footerstyle|}}}">{{{col9footer}}}</td>}}<!--

-->{{#if:{{{col10footer|}}}|<td class="navbox-abovebelow" colspan={{{col10footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col10footerstyle|}}}">{{{col10footer}}}</td>}}<!--

-->{{#if:{{{col11footer|}}}|<td class="navbox-abovebelow" colspan={{{col11footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col11footerstyle|}}}">{{{col11footer}}}</td>}}<!--

-->{{#if:{{{col12footer|}}}|<td class="navbox-abovebelow" colspan={{{col12footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col12footerstyle|}}}">{{{col12footer}}}</td>}}<!--

-->{{#if:{{{col13footer|}}}|<td class="navbox-abovebelow" colspan={{{col13footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col13footerstyle|}}}">{{{col13footer}}}</td>}}<!--

-->{{#if:{{{col14footer|}}}|<td class="navbox-abovebelow" colspan={{{col14footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col14footerstyle|}}}">{{{col14footer}}}</td>}}<!--

-->{{#if:{{{col15footer|}}}|<td class="navbox-abovebelow" colspan={{{col15footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col15footerstyle|}}}">{{{col15footer}}}</td>}}<!--

-->{{#if:{{{col16footer|}}}|<td class="navbox-abovebelow" colspan={{{col16footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col16footerstyle|}}}">{{{col16footer}}}</td>}}<!--

-->{{#if:{{{col17footer|}}}|<td class="navbox-abovebelow" colspan={{{col17footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col17footerstyle|}}}">{{{col17footer}}}</td>}}<!--

-->{{#if:{{{col18footer|}}}|<td class="navbox-abovebelow" colspan={{{col18footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col18footerstyle|}}}">{{{col18footer}}}</td>}}<!--

-->{{#if:{{{col19footer|}}}|<td class="navbox-abovebelow" colspan={{{col19footercolspan|1}}} style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col19footerstyle|}}}">{{{col19footer}}}</td>}}<!--

-->{{#if:{{{col20footer|}}}|<td class="navbox-abovebelow" style="<!--
-->border-left:2px solid #fdfdfd;font-weight:bold;{{{colfooterstyle|}}};{{{col20footerstyle|}}}">{{{col20footer}}}</td>}}<!--

--></tr>}}<!--

--></tr></table>


<!-- Allow a few additional groups/lists after columns -->
|liststyle = {{{liststyle|}}}
|list1style = background:transparent;color:inherit;
|list3style = {{{list1style|}}}
|list4style = {{{list2style|}}}
|list5style = {{{list3style|}}}
|list6style = {{{list3style|}}}
|list7style = {{{list5style|}}}
|list8style = {{{list6style|}}}

|list3 = {{{list1|}}}
|list4 = {{{list2|}}}
|list5 = {{{list3|}}}
|list6 = {{{list4|}}}
|list7 = {{{list5|}}}
|list8 = {{{list6|}}}

|groupstyle = {{{groupstyle|}}}
|group3style = {{{group1style|}}}
|group4style = {{{group2style|}}}
|group5style = {{{group3style|}}}
|group6style = {{{group4style|}}}
|group7style = {{{group5style|}}}
|group8style = {{{group6style|}}}

|group3 = {{{group1|}}}
|group4 = {{{group2|}}}
|group5 = {{{group3|}}}
|group6 = {{{group4|}}}
|group7 = {{{group5|}}}
|group8 = {{{group6|}}}

|oddstyle = {{{oddstyle|}}}
|evenstyle = {{{evenstyle|}}}
|{{#if:{{{evenodd|}}}|evenodd|void}} = {{{evenodd|}}}

}}<noinclude>
{{documentation}} {{documentation}}



Latest revision as of 20:33, 17 September 2024

Template documentation[view] [edit] [history] [purge]
WarningThis template is used on approximately 26,000 pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them.
This template does not display in the mobile view of Misplaced Pages; it is desktop only. Read the documentation for an explanation.
This template uses Lua:
Navbox suite

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.

{{Navbox with columns
| name = {{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 is not specified, a default 10.0em is used.

Parameters

Setup parameters

name
The name of the template. The name of this template, for example, is "Navbox with columns".
state
Possible values are collapsed, uncollapsed, plain, off, and the default autocollapse. See {{Navbox}} for more information.
navbar
Possible values are plain, off, and the default value of blank. See {{Navbox}} for more information.
border
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 {{Navbox}}, a columns of another {{Navbox with columns}}, or a section of {{Navbox with collapsible groups}}. See {{Navbox}} for more information and examples.

Perimeter parameters

i.e. parameters affecting the inclusion/formatting of items around the template's perimeter.

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

style
CSS style/s to apply to the template's body (i.e. including space not used by columns)
titlestyle
CSS style/s to apply to titlebar; usually background:color (background defaults to Navbox 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
coltablestyle
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.
colnstyle
CSS style/s to apply to the n column only.
colheaderstyle
CSS style/s to apply to all column headers.
colnheaderstyle
CSS style/s to apply to the n column header.
colnfooterstyle
CSS style/s to apply to the n 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 = 15.0em
  • 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 = on
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 n column's width (overrides colwidth above).
coln
The content of the n column. If any columns are used, then col1 is required. There can be a maximum of 20 columns.
colnheader
A header cell for the n column that appears above the column. See below for examples.
colnfooter
A footer cell that appears below the n column.
colnheadercolspan
A number specifying how many columns the n 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.
colnfootercolspan
A number specifying how many columns the n 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 {{Navbox}} for a more complete description of how they work, and for more examples.

groupn
Allows up to 6 additional groups to go along with the lists below the columns.
listn
Allows up to 6 additional lists below the columns.
groupstyle
The general CSS style/s for the groups.
groupnstyle
CSS style/s for the n group parameter.
liststyle
The general CSS style/s for the lists.
listnstyle
CSS style/s for the n list parameter.
listpadding
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
See {{Navbox}} for description.

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">]</span>

...and so forth.

See Misplaced Pages:WikiProject Microformats for more information on adding microformat information to Misplaced Pages, and microformat for more information on microformats in general.

Examples

Basic example

 {{Navbox with columns
 | name = East Asia Summit (EAS)
 | title = ]
 | listclass = plainlist
 | width = 18.25em
 | padding = 10em
 | aboveclass = hlist
 | abovestyle = font-weight: bold;
 | above =
 * ]
 * ]
 * ]
 * ]
 * ]
 * ]
 * ]
 | col1 =
 * ]
 * ]
 * ]
 | col2 =
 * ]
 * ]
 * ]
 | col3 =
 * ]
 * ]
 * ]
 | col4 =
 * ]
 * ]
 * ]
 | col5 =
 * ]
 * ]
 * ]
 | col6width = 17em
 | col6 =
 * ]
 * ]
 * ]
 }}
East Asia Summit (EAS)
   

Example with percentage widths

 {{Navbox with columns
 | name = Transit visibility table
 | titlestyle = background:silver;
 | title = ] visibility from ] to the transiting body
 | listclass = plainlist
 | colwidth = 14.2857%
 | colstyle = text-align:center;
 | col1header = Venus
 | col1 = 
 * ]
 | col2header = Earth
 | col2 = 
 * ]
 * ]
 | col3header = Mars
 | col3 = 
 * ]
 * ]
 * ]
 | col4header = Jupiter
 | col4 =
 * ]
 * ]
 * ]
 * ]
 | col5header = Saturn
 | col5 = 
 * ]
 * ]
 * ]
 * ]
 * ]
 | col6header = Uranus
 | col6 = 
 * ]
 * ]
 * ]
 * ]
 * ]
 * ]
 | col7header = Neptune
 | col7 = 
 * ]
 * ]
 * ]
 * ]
 * ]
 * ]
 * ]
 }}
Transit visibility from planets superior to the transiting body
VenusEarthMarsJupiterSaturnUranusNeptune

Example with colnheader and colnfooter

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

colnheader and colnfooter example
col1headercol2headercol3headercol4header

col1

col2

col3

col4

col1footercol2footercol3footercol4footer

Example with colnheader using colnheadercolspan

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

colnheader with colncolspan example
col1headercol2header (colspan=2)col4headercol5header (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.

Example to illustrate most fields
above
col1headercol2headercol3headercol4headercol5header

col1

col2

col3

col4

col5

col1footercol2footercol3footercol4footercol5footer
group1list1
group2list2
group3list3
group4list4
group5list5
group6list6
below

Using child navboxes

All three types of navbox templates, namely {{Navbox}}, {{Navbox with columns}}, and {{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 plain navboxes

To nest a plain navbox (that is, a navbox that would be specified with the {{Navbox}} template) inside a column, set the coln parameter to child or subgroup. Elements of the child navbox can be specified by prepending coln_ to the parameter names (e.g. col1_list1). Child navboxes can be nested by adding an additional prefix (e.g. col1_1_list1).

To nest a plain navbox inside a list, set the listn parameter to child or subgroup. Elements of the child navbox can be specified by prepending childn_, subgroupn_, or just n_ to the parameter names (e.g. 1_list1). Child navboxes can be nested by adding an additional prefix (e.g. 1_1_list1).

The basic code for doing this is as follows (which adds a subgroup for the first column and for the first group/list area):

{{Navbox with columns
| name = {{subst:PAGENAME}}
| title = Title
| col1 = child
    | col1_title = 
    | col1_group1 = 
    | col1_list1  = 
    ...list contents...
...
| group1 = Group Title
| list1  = child
  | 1_title = 
  | 1_group1 = 
  | 1_list1  = child
    | 1_1_title = 
    | 1_1_group1 = 
    | 1_1_list1  = 
    ...list contents...
  ...
...
}}
Navbox with columns with nested Navboxes
Column 1 HeaderColumn 2 Header

Column 1

Column 2 Child Navbox Group 1Column 2 Child Navbox List 1
Column 2 Child Navbox List 2
Group 1 Title
Group 1 Child Navbox Group 1
Group 1 Child Navbox's Child Navbox Group 1Group 1 Child Navbox's Child Navbox List 1
Group 1 Child Navbox's Child Navbox List 2
Group 1 Child Navbox Group 2Group 1 Child Navbox List 2

Nesting Navbox with columns in itself

This example shows how one can nest multiple {{Navbox with columns}} templates to get the right look. Edit this page to see the code. There is a main {{Navbox with columns}} and two additional {{Navbox with columns}} templates, with the "child" option set (see code).

Subgroups with nesting
Col1HeaderCol2HeaderCol3HeaderCol4Header
Col1.1HeaderCol1.2Header

Col1.1

Col1.2

Col2

Col3.1HeaderCol3.2HeaderCol3.3Header

Col3.1

Col3.2

Col3.3

Col4

Nesting other Navbox forms

This example shows {{Navbox}}, {{Navbox with collapsible groups}} and {{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.

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
MahgrebAlgeria · Morocco (Arguin Island) · Tunisia
French West AfricaCôte d'Ivoire · Dahomey · French Sudan · Guinea · Mauritania · Niger · Senegal · Upper Volta
TogoFrench Togoland · James Island
French Equatorial AfricaChad · Gabon · Middle Congo · Oubangui-Chari
ComorosAnjouan · Grande Comore · Mohéli
Southern AfricaFrench 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
Col1HeaderCol2HeaderCol3HeaderCol4Header
Col1.1HeaderCol1.2Header

Col1.1

Col1.2

Col2

Col3.1HeaderCol3.2HeaderCol3.3Header

Col3.1

Col3.2

Col3.3

Col4

Technical details

  • This template uses Module:Navbox with columns which in turn calls Module:Navbox to render the actual navbox.
  • Navbox templates, including this one, are a major contributor to the post-expand include size of pages, and can cause pages to exceed the limit and not render correctly. There are a few ways to mitigate this.
    • {{Navbox with columns}} can be replaced with {{#invoke:Navbox with columns|navbox}}, which approximately halves the include size
    • Nesting other templates inside of a navbox can cause the include size increase by a factor of two or more. This template currently supports the same in-line child syntax supported by {{Navbox}}, which mitigates this, but only for plain Navboxes (not other Navboxes with collapsible groups or Navboxes with columns).

Aliases

Footnotes

  1. ^ Parameters marked with a footnote are parameters in common with the sister templates {{Navbox}} and {{Navbox with collapsible groups}}. A much more complete description of those parameters is available at {{Navbox}}.

Tracking category

See also

Navigation templates comparison
Template Collapsible Image Groups Style (body)
parameter/s
{{Navbox}} collapsible Left/right of body Yes Yes
{{Navbox with collapsible groups}} collapsible Left/right of body and/or in each list Yes Yes
{{Navbox with columns}} collapsible Left/right of columns No Yes
Collapsible attributes
Type CSS classes JavaScript Collapses when Custom
initial state
Nesting
Collapsible tables mw-collapsible jQuery.makeCollapsible 2 or more autocollapse on page Yes Yes
The above documentation is transcluded from Template:Navbox with columns/doc. (edit | history)
Editors can experiment in this template's sandbox (edit | diff) and testcases (edit) pages.
Add categories to the /doc subpage. Subpages of this template.


Categories: