Template:Infobox/doc View history

Template documentation pages
VisualWikitext
No edit summary
m (Adding category to the page)
 
(3 intermediate revisions by one other user not shown)
Line 1: Line 1:
{{doc subpage}}
{{doc subpage}}
<!-- ADD DOCUMENTATION BELOW THIS LINE -->
<!-- ADD DOCUMENTATION BELOW THIS LINE -->
This template is intended as a meta-template: a template used for constructing other templates. it is not meant for use directly in an article, but can be used on a one-off basis if required. See [[w:Help:Infobox|Help:Infobox]] for an introduction to infoboxes and information on how to design them. See [[:Category:Infobox templates]] for specific infobox templates.
Description:
*This template produces an [[Help:Infobox|infobox]]-style template.
*You may want to copy and modify this to create a specific infobox (e.g. character infobox).
*This template requires [[Help:Parser functions|parser functions]] to be enabled (Wikia default: on).


=== Usage ===
;Syntax:
Usage is similar to {{tl|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.
<pre>
{{infobox
| Box title    =
| image        = Example.jpg
| imagewidth  = [defaults to 250]
| caption      =
| Row 1 title  =
| Row 1 info  =
| Row 2 title  =
| Row 2 info  =
| Row 3 title  =
| Row 3 info  =
| Row 4 title  =
| Row 4 info  =
| Row 5 title  =
| Row 5 info  =
| Row 6 title  =
| Row 6 info  =
| Row 7 title  =  
| Row 7 info  =
| Row 8 title  =  
| Row 8 info  =  
| Row 9 title  =  
| Row 9 info  =  
| Row 10 title =  
| Row 10 info  =
}}
</pre>


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.
;Notes:
* Keeping the '''Box Title''' empty will result in displaying '''No title'''
* If you don't want to display image, just keep '''Image file Name''' and '''Image Size''' empty.
* Keeping the '''Row 1 title''' empty will result in displaying '''No title'''.
* Keeping the '''Row (any row) info''' empty will result in displaying '''No information'''.
* Keeping the '''Row (any below row 1) title''' empty will result in that row and the rest of the rows below it will not be displayed.
* Max row for information: 10 rows.


==== Number ranges ====
;Sample output:
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:
<pre>|header3  = Section 1
|label5  = Label A
|data5    = Data B
|label7  = Label C
|data7    = Data C
|header10 = Section 2
|label12  = Label D
|data12  = Data D</pre>
 
=== Parameters ===
====View/discuss/edit links====
;name : The template page name that the "view/discuss/edit" links should point to. You can use <nowiki>{{subst:PAGENAME}}</nowiki>. If this parameter is omitted the view/discuss/edit links will not be displayed.
 
====Title====
{{Infobox
|title = Text in caption over infobox
|subheader = Subheader of the infobox
|data1 = (the rest of the infobox goes here)
}}
{{Infobox
{{Infobox
|above = Text in uppermost cell of infobox
|Box title    = Info Title
|subheader = Subheader of the infobox
|image        = Example.jpg
|subheader2 = 2<sup>nd</sup> subheader of the infobox
|imagewidth  = 120
|data1 = (the rest of the infobox goes here)
|caption      = A flower
|Row 1 title  = Title row 1
|Row 1 info  = Info row 1
|Row 2 title  = Title row 2
|Row 2 info  = Info row 2
|Row 3 title  = Title row 3
|Row 3 info  = Info row 3
|Row 4 title  = Title row 4
|Row 4 info  = Info row 4
|Row 5 title  = Title row 5
|Row 5 info  = Info row 5
|Row 6 title  = Title row 6
|Row 6 info  = Info row 6
|Row 7 title  = Title row 7
|Row 7 info  = Info row 7
|Row 8 title  = Title row 8
|Row 8 info  = Info row 8
|Row 9 title  = Title row 9
|Row 9 info  = Info row 9
|Row 10 title = Title row 10
|Row 10 info  = Info row 10
}}
}}
Complete Infobox:<br />
<code>
'''<nowiki>{{</nowiki>Infobox'''<br />
'''|'''Box title    = Info Title<br />
'''|'''image        = Example.jpg<br />
'''|'''imagewidth  = 120<br />
'''|'''caption      = A flower<br />
'''|'''Row 1 title  = Title row 1<br />
'''|'''Row 1 info  = Info row 1<br />
'''|'''Row 2 title  = Title row 2<br />
'''|'''Row 2 info  = Info row 2<br />
'''|'''Row 3 title  = Title row 3<br />
'''|'''Row 3 info  = Info row 3<br />
'''|'''Row 4 title  = Title row 4<br />
'''|'''Row 4 info  = Info row 4<br />
'''|'''Row 5 title  = Title row 5<br />
'''|'''Row 5 info  = Info row 5<br />
'''|'''Row 6 title  = Title row 6<br />
'''|'''Row 6 info  = Info row 6<br />
'''|'''Row 7 title  = Title row 7<br />
'''|'''Row 7 info  = Info row 7<br />
'''|'''Row 8 title  = Title row 8<br />
'''|'''Row 8 info  = Info row 8<br />
'''|'''Row 9 title  = Title row 9<br />
'''|'''Row 9 info  = Info row 9<br />
'''|'''Row 10 title = Title row 10<br />
'''|'''Row 10 info  = Info row 10<br />
'''<nowiki>}}</nowiki>'''
</code>


There are two different ways to put a title on an infobox. One contains the title inside the infobox's border, the other puts it on top as a caption. You can use both of them together if you like, or just one or the other, or even neither (though this is not recommended).
<br style="clear:both; margin-bottom:3em;"/>
;title : Text to put in the caption over top of the table.
;above : Text to put within the uppermost cell of the table.
 
====Optional content====
;subheader, subheader2 : additional title fields which fit between {{{title}}} and {{{above}}}.
;image, image2 : images to display at the top of the template. Use full image syntax, for example <nowiki>[[File:example.png|200px|alt=Example alt text]]</nowiki>. Image is centered by default.
;caption1, caption2 : Text to put underneath the images.
;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.
;below: Text to put in the bottom cell. The bottom cell is intended for footnotes, see-also, and other such information.
 
Note: currently, headers, labels and data items with the same n-value are mutually exclusive; only the header will be displayed. See the rendering of header4, label4, and data4 in the examples section below.
 
====Optional 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:large; since this cell is usually used for a title, if you want to use the above cell for regular-sized text include "font-size:medium;" 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.
;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.
;aboveclass : This parameter is inserted into the "class" attribute for the infobox's "above" cell.
; aboverowclass : This parameter is inserted into the "class" attribute for the complete table row the "above" cell is on.
; subheaderclass : This parameter is inserted into the "class" attribute for the infobox's subheader.
; subheaderrowclass : This parameter is inserted into the "class" attribute for the complete table row the subheader is on.
;imageclass : This parameter is inserted into the "class" attribute for the image; it is in particular used in conjunction with {{tl|Image class names}}.
; imagerowclass1, imagerowclass1 : These parameters are inserted into the "class" attribute for the complete table row the respective images are on.
;rowclass(n) : This parameter is inserted into the "class" attribute for the specified row '''including''' the label or other explanatory text.
;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.
;belowclass : This parameter is inserted into the "class" attribute for the infobox's below cell.
==== Microformats ====
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 an infobox as containing [[w:hCard|hCard]] information, for example, add the following parameter:
<pre>
|bodyclass = vcard
</pre>
And for each row containing a data cell that's part of the vcard, add a corresponding class parameter:
<pre>
|class1 = fn
|class2 = org
|class3 = tel
</pre>
...and so forth. "above" and "title" can also be given classes, since these are usually used to display the name of the subject of the infobox.
===Making 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:
<pre>
|label5 = Population
|data5  = {{{population|}}}
</pre>
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'":
<pre>
|label6 = Mass
|data6  = {{#if:{{{mass|}}}|{{{mass}}} kg}}
</pre>
For more on #if, see [[m:ParserFunctions##if:|here]].
You can also make headers optional in a similar way. If you want a 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:
<pre style="overflow:auto;">{{Infobox
|name    = {{subst:PAGENAME}}
|title  = Example of an optional header
|header1 = {{#if:{{{item_one|}}}{{{item_two|}}}{{{item_three|}}}|Optional header}}
|label2  = Item one
|data2  = {{{item_one|}}}
|label3  = Item two
|data3  = {{{item_two|}}}
|label4  = Item three
|data4  = {{{item_three|}}}
}}</pre>
header1 will be shown if any of item_one, item_two, or item_three is defined. If none of the three parameters are defined the header won't be shown.
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 item_one, item_two and item_three are undefined will the if statement fail.
===Examples===
{{Infobox
{{Infobox
|name        = Infobox/doc
|Box title   = Info Title
|bodystyle   =  
|Row 1 title = Title row 1
|title       = Test Infobox
|Row 1 info   = Info row 1
|titlestyle   =  
|Row 2 title  = Title row 2
 
|Row 2 info   = Info row 2
|image        = [[File:example.png|200px|alt=Example alt text]]
|Row 3 title  = Title row 3
|imagestyle   =  
|Row 3 info  = Info row 3
|caption      = Caption for example.png
|Row 4 title = Title row 4
|captionstyle =  
|Row 4 info   = Info row 4
|headerstyle = background:#ccf;
|Row 5 title = Title row 5
|labelstyle   = background:#ddf;
|Row 5 info   = Info row 5
|datastyle    =
|Row 6 title = Title row 6
 
|Row 6 info   = Info row 6
|header1 = Header defined alone
|Row 7 title = Title row 7
|label1 =  
|Row 7 info   = Info row 7
|data1   =  
|Row 8 title = Title row 8
|header2 =
|Row 8 info   = Info row 8
|label2 = Label defined alone
|Row 9 title = Title row 9
|data2   =  
|Row 9 info   = Info row 9
|header3 =
|Row 10 title = Title row 10
|label3 =  
|Row 10 info  = Info row 10
|data3   = Data defined alone
|header4 = All three defined (header)
|label4 = All three defined (label)
|data4   = All three defined (data)
|header5 =
|label5 = Label and data defined (label)
|data5   = Label and data defined (data)
 
|belowstyle = background:#ddf;
|below = Below text
}}
}}
Infobox '''Image''' omitted :<br />
<code>
'''<nowiki>{{</nowiki>Infobox'''<br />
'''|'''Box title    = Info Title<br />
'''|'''Row 1 title  = Title row 1<br />
'''|'''Row 1 info  = Info row 1<br />
'''|'''Row 2 title  = Title row 2<br />
'''|'''Row 2 info  = Info row 2<br />
'''|'''Row 3 title  = Title row 3<br />
'''|'''Row 3 info  = Info row 3<br />
'''|'''Row 4 title  = Title row 4<br />
'''|'''Row 4 info  = Info row 4<br />
'''|'''Row 5 title  = Title row 5<br />
'''|'''Row 5 info  = Info row 5<br />
'''|'''Row 6 title  = Title row 6<br />
'''|'''Row 6 info  = Info row 6<br />
'''|'''Row 7 title  = Title row 7<br />
'''|'''Row 7 info  = Info row 7<br />
'''|'''Row 8 title  = Title row 8<br />
'''|'''Row 8 info  = Info row 8<br />
'''|'''Row 9 title  = Title row 9<br />
'''|'''Row 9 info  = Info row 9<br />
'''|'''Row 10 title = Title row 10<br />
'''|'''Row 10 info  = Info row 10<br />
'''<nowiki>}}</nowiki>'''
</code>


<pre style="overflow:auto">{{Infobox
<br style="clear:both; margin-bottom:3em;"/>
|name        = Infobox/doc
|bodystyle    =
|title        = Test Infobox
|titlestyle  =
 
|image        = [[File:example.png|200px|alt=Example alt text]]
|imagestyle  =
|caption      = Caption for example.png
|captionstyle =
|headerstyle  = background:#ccf;
|labelstyle  = background:#ddf;
|datastyle    =
 
|header1 = Header defined alone
|label1  =
|data1  =
|header2 =
|label2  = Label defined alone
|data2  =
|header3 =
|label3  =
|data3  = Data defined alone
|header4 = All three defined (header)
|label4  = All three defined (label)
|data4  = All three defined (data)
|header5 =
|label5  = Label and data defined (label)
|data5  = Label and data defined (data)
 
|belowstyle = background:#ddf;
|below = Below text
}}</pre>
 
Notice how when a label is defined without an accompanying data cell the row doesn't appear in the displayed infobox, and when a header is defined on the same row as a data cell the header takes precedence.
 
{{clear}}
For this example, {{nowrap|bodystyle &#0061; width:20em;}} and {{nowrap|labelstyle &#0061; width:33%;}}


{{Infobox
{{Infobox
|bodystyle  = width:20em;
|Box title    = Info Title
|name        = Infobox/doc
|Row 1 title  = Title row 1
|title       = Test Infobox
|Row 1 info   = Info row 1
|titlestyle =  
|Row 2 title = Title row 2
|headerstyle =
|Row 2 info   = Info row 2
|labelstyle  = width:33%
|Row 3 title = Title row 3
|datastyle  =
|Row 3 info   = Info row 3
 
|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
}}
}}
Infobox '''Image''' omitted and displaying only 3 rows of information:<br />
<code>
'''<nowiki>{{</nowiki>Infobox'''<br />
'''|'''Box title    = Info Title<br />
'''|'''Row 1 title  = Title row 1<br />
'''|'''Row 1 info  = Info row 1<br />
'''|'''Row 2 title  = Title row 2<br />
'''|'''Row 2 info  = Info row 2<br />
'''|'''Row 3 title  = Title row 3<br />
'''|'''Row 3 info  = Info row 3<br />
'''<nowiki>}}</nowiki>'''
</code>


{{clear}}
<br style="clear:both; margin-bottom:3em;"/>


=== Full blank syntax ===
(Note: the template currently handles up to 80 rows; only 20 are included here since infoboxes larger than that will be relatively rare. Just extend the numbering as needed. The microformat "class" parameters are also omitted as they are not commonly used.)
<pre>
{{Infobox
{{Infobox
|name        = {{subst:PAGENAME}}
|Box title   = Info Title
|bodystyle   =  
|Row 1 title  = Title row 1
|title       =
|Row 1 info   = Info row 1
|titlestyle  =
|Row 2 title = Title row 2
|above        =
|Row 2 info   = Info row 2
|abovestyle  =
|Row 3 title = Title row 3
 
|Row 3 info   = Info row 3
|imagestyle  =
|Row 4 info   = Info row 4
|captionstyle =
|Row 5 title = Title row 5
 
|Row 5 info   = Info row 5
|image        =
|Row 6 title = Title row 6
|caption      =
|Row 6 info   = Info row 6
|image2      =
}}
|caption2    =
Infobox '''Image''' and '''title row 4''' omited:<br />
 
Result: Row 4, 5, and 6 will not be displayed.<br />
|headerstyle =  
<code>
|labelstyle   =  
'''<nowiki>{{</nowiki>Infobox'''<br />
|datastyle    =
'''|'''Box title   = Info Title<br />
 
'''|'''Row 1 title = Title row 1<br />
|header1 =  
'''|'''Row 1 info   = Info row 1<br />
|label1   =  
'''|'''Row 2 title = Title row 2<br />
|data1    =
'''|'''Row 2 info   = Info row 2<br />
|header2 =  
'''|'''Row 3 title = Title row 3<br />
|label2   =  
'''|'''Row 3 info   = Info row 3<br />
|data2    =
'''|'''Row 4 info   = Info row 4<br />
|header3  =
'''|'''Row 5 title = Title row 5<br />
|label3   =  
'''|'''Row 5 info   = Info row 5<br />
|data3    =
'''|'''Row 6 title = Title row 6<br />
|header4 =  
'''|'''Row 6 info   = Info row 6<br />
|label4   =  
'''<nowiki>}}</nowiki>'''
|data4    =
</code>
|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 =
}}</pre>


=== See also ===
==See also==
* {{tl|start infobox page}}
* {{tl|start infobox page}}
* {{tl|infobox3cols}}
* {{tl|infobox3cols}}
Line 330: Line 218:
<includeonly>
<includeonly>
<!-- ADD CATEGORIES BELOW THIS LINE -->
<!-- ADD CATEGORIES BELOW THIS LINE -->
[[Category:Templates not transcluded as of 2016-08]]
[[Category:Infobox templates| ]]
[[Category:Infobox templates| ]]
[[Category:Wikipedia metatemplates|{{PAGENAME}}]]
[[Category:Wikipedia metatemplates|{{PAGENAME}}]]

Latest revision as of 06:17, 28 August 2016

 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.

Description:

  • This template produces an infobox-style template.
  • You may want to copy and modify this to create a specific infobox (e.g. character infobox).
  • This template requires parser functions to be enabled (Wikia default: on).
Syntax
{{infobox
| Box title    = 
| image        = Example.jpg
| imagewidth   = [defaults to 250]
| caption      = 
| Row 1 title  = 
| Row 1 info   = 
| Row 2 title  = 
| Row 2 info   = 
| Row 3 title  = 
| Row 3 info   = 
| Row 4 title  = 
| Row 4 info   = 
| Row 5 title  = 
| Row 5 info   = 
| Row 6 title  = 
| Row 6 info   = 
| Row 7 title  = 
| Row 7 info   = 
| Row 8 title  = 
| Row 8 info   = 
| Row 9 title  = 
| Row 9 info   = 
| Row 10 title = 
| Row 10 info  = 
}}
Notes
  • Keeping the Box Title empty will result in displaying No title
  • If you don't want to display image, just keep Image file Name and Image Size empty.
  • Keeping the Row 1 title empty will result in displaying No title.
  • Keeping the Row (any row) info empty will result in displaying No information.
  • Keeping the Row (any below row 1) title empty will result in that row and the rest of the rows below it will not be displayed.
  • Max row for information: 10 rows.
Sample output
Info Title

A flower

Family

Info row 1

{{{Status}}}

Status

Complete Infobox:
{{Infobox
|Box title = Info Title
|image = Example.jpg
|imagewidth = 120
|caption = A flower
|Row 1 title = Title row 1
|Row 1 info = Info row 1
|Row 2 title = Title row 2
|Row 2 info = Info row 2
|Row 3 title = Title row 3
|Row 3 info = Info row 3
|Row 4 title = Title row 4
|Row 4 info = Info row 4
|Row 5 title = Title row 5
|Row 5 info = Info row 5
|Row 6 title = Title row 6
|Row 6 info = Info row 6
|Row 7 title = Title row 7
|Row 7 info = Info row 7
|Row 8 title = Title row 8
|Row 8 info = Info row 8
|Row 9 title = Title row 9
|Row 9 info = Info row 9
|Row 10 title = Title row 10
|Row 10 info = Info row 10
}}


Info Title

Family

Info row 1

{{{Status}}}

Status

Infobox Image omitted :
{{Infobox
|Box title = Info Title
|Row 1 title = Title row 1
|Row 1 info = Info row 1
|Row 2 title = Title row 2
|Row 2 info = Info row 2
|Row 3 title = Title row 3
|Row 3 info = Info row 3
|Row 4 title = Title row 4
|Row 4 info = Info row 4
|Row 5 title = Title row 5
|Row 5 info = Info row 5
|Row 6 title = Title row 6
|Row 6 info = Info row 6
|Row 7 title = Title row 7
|Row 7 info = Info row 7
|Row 8 title = Title row 8
|Row 8 info = Info row 8
|Row 9 title = Title row 9
|Row 9 info = Info row 9
|Row 10 title = Title row 10
|Row 10 info = Info row 10
}}


Info Title

Family

Info row 1

{{{Status}}}

Status

Infobox Image omitted and displaying only 3 rows of information:
{{Infobox
|Box title = Info Title
|Row 1 title = Title row 1
|Row 1 info = Info row 1
|Row 2 title = Title row 2
|Row 2 info = Info row 2
|Row 3 title = Title row 3
|Row 3 info = Info row 3
}}


Info Title

Family

Info row 1

{{{Status}}}

Status

Infobox Image and title row 4 omited:
Result: Row 4, 5, and 6 will not be displayed.
{{Infobox
|Box title = Info Title
|Row 1 title = Title row 1
|Row 1 info = Info row 1
|Row 2 title = Title row 2
|Row 2 info = Info row 2
|Row 3 title = Title row 3
|Row 3 info = Info row 3
|Row 4 info = Info row 4
|Row 5 title = Title row 5
|Row 5 info = Info row 5
|Row 6 title = Title row 6
|Row 6 info = Info row 6
}}

See also


Retrieved from "https://beta.waze.com/wiki/Mauritius/index.php?title=Template:Infobox/doc&oldid=149336"