Template:Infobox/doc

This is a documentation subpage for Template:Infobox. It contains usage information, categories and other content that is not part of the original template page.

{{{subheader2}}} ......
{{{header1}}} ( or )
{{{label1}}}	{{{data1}}}
( or )
{{{data1}}}
{{{header2}}} ( or )
{{{label2}}}	{{{data2}}}
( or )
{{{data2}}}
( etc )

{{Infobox}} is intended as a meta template: a template used for constructing other templates. Note: In general, it is not meant for use directly in an article, but can be used on a one-off basis if required.

Usage

{{Infobox}} is a meta-template: used to organise templates like {{Infobox Character}}:

{{Infobox
| name     = {{{name|{{PAGENAME}}}}}
| image    = {{{image|}}}
| caption1 = {{{caption|}}}}}}

| label1   = Former names
|  data1   = {{{former_names|}}}

| header2  = General information

| label3   = Status
|  data3   = {{{status|}}}
... <!-- etc. -->
}}

Optional Control Parameters

• |name=: If this parameter is present, "view/discuss/edit" links will be added to the bottom of the infobox, pointing to the named page. You may use the value {{subst:PAGENAME}}; however this is rarely what you want, because it will send users clicking these links in an infobox in an article to the template code rather than the data in the infobox that they probably want to change.
• |child=: See the Embedding section for details. If this is set to "yes", this child infobox should be titled but have no name parameter. This parameter is empty by default, set it to "yes" to activate it.
• |subbox=: See the Subboxes section for details. If this is set to "yes", this subbox should be titled but have no name parameter. This parameter is empty by default, set to "yes" to activate it. It has no effect if the child parameter is also set to "yes".

Content Parameters

Title

There are two different ways to put a title on an infobox. One contains the title inside the infobox's border in the uppermost cell of the table, the other puts it as a caption on top of the table. You can use both of them together if you like, or just one or the other, or even neither (though this is not recommended):

• |title=: Text to put in the caption over the top of the table (or as section header before the whole content of this table, if this is a child infobox).
• |above=: Text to put within the uppermost cell of the table.
• |subheader(n)=: additional title fields which fit below {{{title}}} and {{{above}}}, but before images. Up to 3 subhearders are allowed.

Examples:

Text in caption over infobox

Subheader of the infobox
(the rest of the infobox goes here)

{{Infobox
 | name = {{subst:PAGENAME}}
 | title      = Text in caption over infobox
 | subheader  = Subheader of the infobox
 | header1 = (the rest of the infobox goes here)
}}

Text in uppermost cell of infobox
Subheader of the infobox
Second subheader of the infobox
(the rest of the infobox goes here)

{{Infobox
 | name = {{subst:PAGENAME}}
 | above      = Text in uppermost cell of infobox
 | subheader  = Subheader of the infobox
 | subheader2 = Second subheader of the infobox
 | header1 = (the rest of the infobox goes here)
}}

Illustration Images

• |image(n)=: images to display at the top of the template. Use full image syntax, for example [[File:example.png|200px|alt=Example alt text]]. Image is centred by default.
• |caption(n)=: Text to put underneath the images.

Main Data

header(n)}}: Text to use as a header in row n.

• |label(n)=: Text to use as a label in row n.
• |data(n)=: Text to display as data in row n.

Note: for any given value for (n), not all combinations of parameters are permitted. The presence of a |header(n)= will cause the corresponding |data(n)= (and |rowclass(n)= |label(n)=, see below) to be ignored; the absence of a |data(n)= will cause the corresponding |label(n)= to be ignored. Valid combinations for any single row are:

• |class(n)= |header(n)=
• |rowclass(n)= |class(n)= |data(n)=
• |rowclass(n)= |label(n)= |class(n)= |data(n)=

See the rendering of header4, label4, and data4 in the Examples section below.

Number ranges

To allow flexibility when the layout of an infobox is changed, it may be helpful when developing an infobox to use non-contiguous numbers for header and label/data rows. Parameters for new rows can then be inserted in future without having to renumber existing parameters. For example:

 | header3  = Section 1
 |  label5  = Label A
 |   data5  = Data A
 |  label7  = Label C
 |   data7  = Data C
 | header10 = Section 2
 |  label12 = Label D
 |   data12 = Data D

Making data fields optional

A row with a label but no data is not displayed. This allows for the easy creation of optional infobox content rows. To make a row optional, use a parameter that defaults to an empty string, like so:

 |  label5 = Population
 |   data5 = {{{population|}}}

This way if an article doesn't define the population parameter in its infobox, the row won't be displayed.

For more complex fields with pre-formatted contents that would still be present even if the parameter wasn't set, you can wrap it all in an "#if" statement to make the whole thing vanish when the parameter is not used. For instance, the "#if" statement in the following example reads "#if:the parameter mass has been supplied |then display it, followed by 'kg'":

 |  label6 = Mass
 |   data6 = {{ #if: {{{mass|}}} | {{{mass}}} kg }}

For more on #if, see here.

Hiding headers when all data fields are hidden

You can also make headers optional in a similar way. Consider this example:

Example of an undesirable header

Undesirable header
Static header
Static item	Static value

{{Infobox
 | title   = Example of an undesirable header
 | header1 = Undesirable header
 |  label2 = Item 1      |   data2 =
 |  label3 = Item 2      |   data3 =
 |  label4 = Item 3      |   data4 =
 | header5 = Static header
 |  label6 = Static item |   data6 = Static value
}}

If you want the first header to appear only if one or more of the data fields that fall under it are filled, one could use the following pattern as an example of how to do it:

Example of an optional header

Static header
Static item	Static value

{{Infobox
 | title   = Example of an optional header
 | header1 = {{ #if: {{{item1|}}}{{{item2|}}}{{{item3|}}} | Optional header }}
 |  label2 = Item 1      |   data2 = {{{item1|}}}
 |  label3 = Item 2      |   data3 = {{{item2|}}}
 |  label4 = Item 3      |   data4 = {{{item3|}}}
 | header5 = Static header
 |  label6 = Static item |   data6 = Static value
}}

header1 will be shown if any of item1, item2, or item3 is defined. If none of the three parameters are defined, the header won't be shown and no empty row appears before the next static content. The trick to this is that the "#if" returns false only if there is nothing whatsoever in the conditional section, so only if all three of item1, item2 and item3 are undefined will the if statement fail.

Note that such trick may be sometimes be very complex to test if there are many data items whose value depends on complex tests (or when a data row is generated by a recursive invokation of this template as a subbox).

Footer

• |below=: Text to put in the bottom cell. The bottom cell is intended for footnotes, see-also, and other such information.

Presentation Parameters

CSS Styling

• |bodystyle=: Applies to the infobox table as a whole
• |titlestyle=: Applies only to the title caption. Adding a background color is usually inadvisable since the text is rendered "outside" the infobox.
• |abovestyle=: Applies only to the "above" cell at the top. The default style has font-size:125%; since this cell is usually used for a title, if you want to use the above cell for regular-sized text include "font-size:100%;" in the abovestyle.
• |imagestyle=: Applies to the cell the image is in. This includes the text of the image caption, but you should set text properties with captionstyle instead of imagestyle in case the caption is moved out of this cell in the future.
• |captionstyle=: Applies to the text of the image caption.
• |rowstyle(n)=: This parameter is inserted into the style attribute for the specified row.
• |headerstyle=: Applies to all header cells
• |labelstyle=: Applies to all label cells
• |datastyle=: Applies to all data cells
• |belowstyle=: Applies only to the below cell

HTML Classes

• |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.
• |aboverowclass=: This parameter is inserted into the class attribute for the complete table row the above cell is on.
• |aboveclass=: This parameter is inserted into the class attribute for the infobox's above cell.
• |subheaderrowclass(n)=: This parameter is inserted into the class attribute for the complete table row the subheader is on.
• |subheaderclass(n)=: This parameter is inserted into the class attribute for the infobox's subheader.
• |imagerowclass(n)=: These parameters are inserted into the class attribute for the complete table row their respective image is on.
• |imageclass=: This parameter is inserted into the class attribute for the image.
• |rowclass(n)=: This parameter is inserted into the class attribute for the specified row including the label and data cells.
• |class(n)=: This parameter is inserted into the class attribute for the data cell of the specified row. If there's no data cell it has no effect.
• |belowrowclass=: This parameter is inserted into the class attribute for the complete table row the below cell is on.
• |belowclass=: This parameter is inserted into the class attribute for the infobox's below cell.

Examples

Notice how the row doesn't appear in the displayed infobox when a label is defined without an accompanying data cell, and how all of them are displayed when a header is defined on the same row as a data cell. Also notice that subheaders are not bold by default like the headers used to split the main data section, because this role is meant to be for the above cell:

Test Infobox

Above text
Subheader above image
Second subheader
Caption displayed below ClosConjecture.png
Header defined alone
Data defined alone
All three defined (header, label, data, all with same number)
Label and data defined (label)	Label and data defined (data)
Below text

{{Infobox
 |name         = {{subst:PAGENAME}}
 |bodystyle    = 

 |titlestyle   = 
 |abovestyle = background:#cfc;
 |subheaderstyle =
 |title        = Test Infobox
 |above        = Above text
 |subheader    = Subheader above image
 |subheader2   = Second subheader

 |imagestyle   = 
 |captionstyle = 
 |  image      = [[File:ClosConjecture.png|alt=Example alt text]]
 |caption      = Caption displayed below ClosConjecture.png

 |headerstyle  = background:#ccf;
 |labelstyle   = background:#ddf;
 |datastyle    = 

 |header1 = Header defined alone
 | label1 = 
 |  data1 = 
 |header2 = 
 | label2 = Label defined alone does not display (needs data, or is suppressed)
 |  data2 = 
 |header3 =
 | label3 = 
 |  data3 = Data defined alone
 |header4 = All three defined (header, label, data, all with same number)
 | label4 = does not display (same number as a header)
 |  data4 = does not display (same number as a header)
 |header5 =
 | label5 = Label and data defined (label)
 |  data5 = Label and data defined (data)

 |belowstyle = background:#ddf;
 |below      = Below text
}}

For this example, the bodystyle and labelstyle parameters are used to adjust the infobox width and define a default width for the column of labels:

Test Infobox

Label 1	Data 1
Label 2	Data 2
Label 3	Data 3
Header 4
Label 5	Data 5: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Below text

{{Infobox
 |name        = {{subst:PAGENAME}}
 |bodystyle   = width:20em

 |titlestyle  = 
 |title       = Test Infobox

 |headerstyle = 
 |labelstyle  = width:33%
 |datastyle   = 

 |header1 = 
 | label1 = Label 1
 |  data1 = Data 1
 |header2 = 
 | label2 = Label 2
 |  data2 = Data 2
 |header3 = 
 | label3 = Label 3
 |  data3 = Data 3
 |header4 = Header 4
 | label4 = 
 |  data4 = 
 |header5 = 
 | label5 = Label 5
 |  data5 = Data 5: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 |belowstyle = 
 |below = Below text
}}

Embedding

One infobox template can be embedded into another using the |child= parameter. This feature can be used to create a modular infobox, or to create better-defined logical sections.

Top level title

First subsection
Label 1.1	Data 1.1
Second subsection
Label 2.1	Data 2.1
Below text

{{Infobox
 | title = Top level title
 | data1 = {{Infobox | child = yes
    | title = First subsection
    | label1= Label 1.1
    | data1 = Data 1.1
   }}
 | data2 = {{Infobox | child = yes
  |title = Second subsection
  | label1= Label 2.1
  | data1 = Data 2.1
  }}
 | belowstyle = 
 | below = Below text
}}

Note, in the examples above, the child infobox is placed in a |data= field, not a |header= field. Notice that the section subheadings are not in bold font if bolding is not explicitly specified. To obtain bold section headings, place the child infobox in a header field (but not in a label field because it would not be displayed!), either using

Top level title

First subsection
Label 1.1	Data 1.1
Second subsection
Label 2.1	Data 2.1
Below text

{{Infobox
 | title = Top level title
 | header1 = {{Infobox | child = yes
    | title = First subsection
    | label1= Label 1.1
    | data1 = Data 1.1
   }}
 | header2 = {{Infobox | child = yes
    | title = Second subsection
    | label1= Label 2.1
    | data1 = Data 2.1
   }}
 | belowstyle = 
 | below = Below text
}}

or,

Top level title

First subsection
Label 1.1	Data 1.1
Second subsection
Label 2.1	Data 2.1
Below text

{{Infobox
 | title = Top level title
 | header1 = First subsection
   {{Infobox | child = yes
    | label1 = Label 1.1
    |   data1 = Data 1.1
   }}
 | header2 = Second subsection
   {{Infobox | child = yes
    | label1 = Label 2.1
    |  data1 = Data 2.1
   }}
 | belowstyle = 
 | below = Below text
}}

Note that omitting the |title= parameter, and not including any text preceding the embedded infobox, may result in spurious blank table rows, creating gaps in the visual presentation.

Subboxes

An alternative method for embedding is to use |subbox=yes, which removes the outer border from the infobox, but preserves the interior structure. One feature of this approach is that the parent and child boxes need not have the same structure, and the label and data fields are not aligned between the parent and child boxes because they are not in the same parent table.

Main 1
Main 2
Sub 3-1 Sub 3-2 Label 3-3 Data 3-3
Label 4-1 Data 4-1
Label 5	Data 5
Main 6

{{Infobox
 | headerstyle = background-color:#eee;
 | labelstyle  = background-color:#eee;
 | header1 = Main 1
 | header2 = Main 2
 |   data3 = {{Infobox | subbox = yes
    | headerstyle = background-color:#ccc;
    | labelstyle  = background-color:#ddd;
    | header1 = Sub 3-1
    | header2 = Sub 3-2
    |  label3 = Label 3-3    |   data3 = Data 3-3
   }}
 |   data4 = {{Infobox | subbox = yes
    | labelstyle  = background-color:#ccc;
    |  label1 = Label 4-1    |   data1 = Data 4-1
   }}
 |  label5 = Label 5 |   data5 = Data 5
 | header6 = Main 6
}}

Note that the default padding of the parent data cell containing each subbox is still visible, so the subboxes are slightly narrower than the parent box, and there's a higher vertical spacing between standard cells of the parent box than between cells of distinct subboxes.

Full Blank Syntax

(Note: Only 20 are given below since infoboxes larger than that will be relatively rare, a maximum of 60 is allowed. The microformat "class" parameters are also omitted as they are not commonly used.)

{{Infobox
| name           = {{subst:PAGENAME}}
| child          = {{{child|}}}
| subbox         = {{{subbox|}}}
| italic title   = {{{italic title|no}}}
| bodystyle      = 

| titlestyle     = 
| abovestyle     = 
| subheaderstyle = 
| title          = 
| above          = 
| subheader      = 

|   imagestyle   = 
| captionstyle   = 
|   image        = 
| caption        = 
|   image2       = 
| caption2       = 

| headerstyle    = 
|  labelstyle    = 
|   datastyle    = 
| header1  = 
|  label1  = 
|   data1  = 
| header2  = 
|  label2  = 
|   data2  = 
| header3  = 
|  label3  = 
|   data3  = 
| header4  = 
|  label4  = 
|   data4  = 
| header5  = 
|  label5  = 
|   data5  = 
| header6  = 
|  label6  = 
|   data6  = 
| header7  = 
|  label7  = 
|   data7  = 
| header8  = 
|  label8  = 
|   data8  = 
| header9  = 
|  label9  = 
|   data9  = 
| header10 = 
|  label10 = 
|   data10 = 
| header11 = 
|  label11 = 
|   data11 = 
| header12 = 
|  label12 = 
|   data12 = 
| header13 = 
|  label13 = 
|   data13 = 
| header14 = 
|  label14 = 
|   data14 = 
| header15 = 
|  label15 = 
|   data15 = 
| header16 = 
|  label16 = 
|   data16 = 
| header17 = 
|  label17 = 
|   data17 = 
| header18 = 
|  label18 = 
|   data18 = 
| header19 = 
|  label19 = 
|   data19 = 
| header20 = 
|  label20 = 
|   data20 = 

| belowstyle     = 
| below          = 
}}

See also

• {{Navbox}}
• {{Navbar}}