User:Almudena Mart/sandbox/Infobox

This is a draft with useful infromation in order to create my templete for infobox, so it is a useful reference for me:

Usage
Usage is similar to navbox, but with an additional distinction. Each row on the table can contain either a header, or a label/data pair, or just a data cell. These are mutually exclusive states so if you define a row with both a header and a label/data pair, the label/data pair is ignored.

To insert an image somewhere other than at the top of the infobox, or to insert freeform data, use a row with only a data field.

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 ; 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".
 * decat : If this is set to "yes", the current page will not be autocategorized in a maintenance category when the generated infobox has some problems or no visible data section. Leave empty by default or set to "yes" to activate it.

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 as a caption it 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). For accessibility reasons, this is the most recommended alternative.
 * above : Text to put within the uppermost cell of the table.
 * subheader(n) : additional title fields which fit below and, but before images.

Examples:





Illustration images

 * image(n) : images to display at the top of the template. Use full image syntax, for example example.png . Image is centered by default. See WP:ALT for more on alt text.
 * 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

It is also possible to automatically renumber parameter names by using User:Frietjes/infoboxgap.js or Module:IncrementParams.

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 =

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 =

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:



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:



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 emty 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 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). Ideally, the Lua module supporting this template should now support a new way to make each header row autohideable by detecting if there is at least one non-empty data row after that header row (a parameter like "autohide header1 = yes", for example, would remove the need to perform the "#if" test so that we can just to define "header1 = Optional header"),

Footer

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

Italic titles
Titles of articles with infoboxes may be made italic, in line with WP:ITALICTITLE, by passing the  parameter.


 * Turn on italic titles by passing italic title from the infobox.
 * Turn off by default (notably because only Latin script may be safely rendered in this style and italic may be needed to distinguish foreign language from local English language only in that script, but would be difficult to read for other scripts) but allow some instances to be made italic by passing italic title
 * Do not make any titles italic by not passing the parameter at all.

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  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