Difference between revisions of "Template:Navbox with columns/doc"

From Ava Zinn Wiki
Jump to: navigation, search
[unchecked revision][unchecked revision]
(Customization parameters for the column headers and footer: typo fix)
(simplifying)
Line 82: Line 82:
 
:;''colheaderstyle''
 
:;''colheaderstyle''
 
::CSS style/s to apply to all column headers.
 
::CSS style/s to apply to all column headers.
 
:;''colheader2style''
 
::CSS style/s to apply to all second level columns headers.
 
  
 
:;''col<sub>n</sub>headerstyle''
 
:;''col<sub>n</sub>headerstyle''
 
::CSS style/s to apply to the n<sup>th</sup> column header.
 
::CSS style/s to apply to the n<sup>th</sup> column header.
  
:;''col<sub>n</sub>headerstyle2''
+
:;''col<sub>n</sub>footerstyle''
::CSS style/s to apply to the n<sup>th</sup> second level column header.
 
 
 
:;''col<sub>n</sub>footer''
 
 
::CSS style/s to apply to the n<sup>th</sup> column footer cell.
 
::CSS style/s to apply to the n<sup>th</sup> column footer cell.
  
Line 112: Line 106:
 
:;''col<sub>n</sub>header''
 
:;''col<sub>n</sub>header''
 
::A header cell for the n<sup>th</sup> column that appears above the column.  See below for examples.
 
::A header cell for the n<sup>th</sup> column that appears above the column.  See below for examples.
 
:;''col<sub>n</sub>header2
 
::A second header cell for the n<sup>th</sup> column that appears above the column, but below col<sub>n</sub>header.  See below for examples.
 
  
 
:;''col<sub>n</sub>footer
 
:;''col<sub>n</sub>footer
 
::A footer cell that appears below the n<sup>th</sup> column.
 
::A footer cell that appears below the n<sup>th</sup> column.
  
===Customization parameters for the column headers and footer===
 
 
:;''col<sub>n</sub>headercolspan
 
:;''col<sub>n</sub>headercolspan
 
::A number specifying how many columns the n<sup>th</sup> 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.
 
::A number specifying how many columns the n<sup>th</sup> 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.
 
:;''col<sub>n</sub>headerrowspan
 
::Set to either 1 or 2; defaults to 1.  The number of rows that the n<sup>th</sup> column header should span.  Only set to two if you intend to set colNheader2 for the remaining columns.
 
 
:;''col<sub>n</sub>header2colspan
 
::A number specifying how many columns the n<sup>th</sup> second level 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>col1header2colspan = 3</code>, then leave <code>col2header2</code> and <code>col3header3</code> blank.
 
  
 
:;''col<sub>n</sub>footercolspan
 
:;''col<sub>n</sub>footercolspan
Line 236: Line 220:
 
}}
 
}}
  
 
===Advanced col<sub>n</sub>header example===
 
This example shows how to use the col<sub>n</sub>headerrowspan and col<sub>n</sub>headercolspan features to make the headers look the way you want.  This one uses both header levels.  The gray background for the columns is added for illustration only.
 
{{Navbox with columns
 
|name = Navbox with columns/doc
 
|state = uncollapsed
 
|title = Row/colspan tests
 
 
|colstyle = text-align:center;background:silver;
 
|colwidth = 15%
 
|col1width = 12%
 
|col2width = 13%
 
 
|col1headercolspan = 2
 
|col3headerrowspan = 2
 
|col4headercolspan = 3
 
|col7headerrowspan = 2
 
 
|col1header = col1header
 
|col1header2 = col1header2
 
|col2header2 = col2header2
 
|col3header = col3header
 
|col4header = col4header
 
|col4header2 = col4header2
 
|col5header2 = col5header2
 
|col6header2 = col6header2
 
|col7header = col7header
 
 
|col1 = col1
 
|col2 = col2
 
|col3 = col3
 
|col4 = col4
 
|col5 = col5
 
|col6 = col6
 
|col7 = col7
 
}}
 
  
 
==Using child navboxes==
 
==Using child navboxes==

Revision as of 09:04, 2 May 2008

Template:Template doc page viewed directly 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 not specified, a default 10em is used.

Parameters

Required parameters in bold. Parameters marked with a cross are parameters in common with the sister template {{Navbox}}. A much more complete description of those parameters is available there.

Setup parameters

name
The name of the template. The name of this template, for example, is "Navigation 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 sections}}. See {{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
CSS style/s to apply to titlebar; usually background:color (background defaults to 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, below, and group 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 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 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 'em', or as a percentage, used for each column whose width not specified by colNwidth below. Defaults to 10em. Examples:
colwidth = 15em
colwidth = 25%
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. col1 is required. There can be a maximum of 12 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 col1headercolspan = 3, then leave col2header and col3header 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 col1footercolspan = 3, then leave col2footer and col3footer blank.

Additional groups/lists

You may wish to add a few extra 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. 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.


Examples

Basic example

{{Navbox with columns
|name    = East Asia Summit (EAS)
|title   = Member states of the [[East Asia Summit|East Asia Summit (EAS)]]
|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}}

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


Example with percentage widths

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


Example with colnheader and colnfooter

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


Using child navboxes

All three types of navbox templates, namely {{Navbox}}, {{Navbox with columns}}, and {{Navbox with collapsible sections}}, 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 {{Navbox with columns}} templates to get the right look. Edit this section to view the code. There is a main {{Navbox with columns}} and two additional {{Navbox with columns}} templates, with the "child" option set (see code).

Nesting other Navbox forms

This example shows {{Navbox}}, {{Navbox with collapsible sections}} and {{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 child User:CapitalR/Navbox with collapsible sections

See also

Template:Navigational templates