Template:Horizontal list

Template documentation[ view · edit · history · purge ]

This documentation is transcluded from Template:Horizontal list/doc.

This template creates horizontal lists. Each item in the list may have CSS styles added to it individually, by appending a numbered parameter.

Usage

Basic usage

{{hlist|first item|second item|third item|...}}

All parameters

{{hlist
|first item|second item|third item|...
|class     = class
|style     = style
|list_style  = style for ul tag
|item_style  = style for all li tags
|item1_style = style for first li tag |item2_style = style for second li tag |...
|indent    = indent for the list
}}

Parameters

• Positional parameters (1, 2, 3...): these are the list items. If no list items are present, the module will output nothing.
• class: a custom class for the ‎<div>...‎</div> tags surrounding the list, e.g. plainlinks.
• style: a custom CSS style for the ‎<div>...‎</div> tags surrounding the list, e.g. font-size: 90%;.
• list_style: a custom CSS style for the ‎<ul>...‎</ul> tags around the list. The format is the same as for the |style= parameter.
• item_style: a custom CSS style for all of the list items (the ‎<li>...‎</li> tags). The format is the same as for the |style= parameter.
• item1_style, item2_style, item3_style...: custom CSS styles for each of the list items. The format is the same as for the |style= parameter.
• indent: this parameter indents the list. The value must be a number, e.g. 2. The indent is calculated in em, and is 1.6 times the value specified. If no indent is specified, the default is zero.

Examples

Code example	Renders as
{{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}	entry1 entry2 entry3 entry4 entry5 entry6 entry7 entry8 entry9
{{hlist|Winner|Runner-up|Third place|item_style=color:blue;}}	Winner Runner-up Third place
{{hlist|Winner|Runner-up|Third place|item_style=color:blue;|indent=2}}	Winner Runner-up Third place
{{hlist|Winner|Runner-up|Third place|item1_style=background-color:yellow;|item2_style=background-color:silver;}}	Winner Runner-up Third place

Avoiding Linter errors

{{Hlist}} will produce Linter errors if placed inside a template that uses ‎<span>...‎</span> tags, such as {{Small}}, {{Resize}}, etc. To avoid this, use the substitutions from the table below:

Incorrect markup	Correct markup
{{small|{{hlist|...}}}}	{{hlist|...|style=font-size:85%}}
{{smaller|{{hlist|...}}}}	{{hlist|...|style=font-size:90%}}
{{resize|{{hlist|...}}}}	{{hlist|...|style=font-size:90%}}
{{midsize|{{hlist|...}}}}	{{hlist|...|style=font-size:92%}}
{{larger|{{hlist|...}}}}	{{hlist|...|style=font-size:110%}}
{{big|{{hlist|...}}}}	{{hlist|...|style=font-size:120%}}
{{large|{{hlist|...}}}}	{{hlist|...|style=font-size:large}}
{{huge|{{hlist|...}}}}	{{hlist|...|style=font-size:180%}}
{{resize|x%|{{hlist|...}}}}	{{hlist|...|style=font-size:x%}}
{{font|size=x%|{{hlist|...}}}}	{{hlist|...|style=font-size:x%}}
{{nowrap|{{hlist|...}}}}	{{hlist|...|style=white-space: nowrap}}

TemplateData

 Parameter text is empty

<templatedata>JSON</templatedata> ./. {{TemplateBox}}

TemplateData

TemplateData is a way to store information about template parameters (the description of those and of the whole template) for both humans and machines. It is used by VisualEditor and possibly other tools like Upload Wizard.

---

Existing template documentation
At Wikimedia Commons, it is recommended to use {{TemplateBox}} with either ‎useTemplateData=1 or ‎useTemplateData=only on the ‎/doc subpage and transcluding it with {{Documentation}} into the template. ‎<nowiki>-tags can be wrapped around the arguments, if required, to avoid templates being expanded.

Newly created template documentation and imports
Another option, especially for imported templates, or for users with JSON experience, is placing raw ‎<templatedata>-tags into the Wikitext of the template, as described in various Wikipediae.

Discussion
There is an ongoing discussion about that matter. Feel invited to comment if you are experienced in either way, your time permits and if you like to share your opinion or to make a suggestion.

---

Wikipedia's help about TemplateData • Commons-specific information

No description.

Template parameters

Parameter		Description	Type	Status
Wrapper <div> – `class` Attribute	class	The value of the `class` attribute of the wrapper <div> tag.	String	optional
Wrapper <div> – `style` Attribute	style	The value of the `style` attribute of the wrapper <div> tag.	String	optional
Wrapper <div> – Indent Level	indent	The number of indents. Each indent is `1.6em` wide. Default 0	Number	optional
<ol> Tag – `start` Attribute	start	The value of the `style` attribute of the <ol> tag. Default 1	String	optional
<ul> Tag – `style` Attribute	list_style	The value of the `style` attribute of the <ul> tag.	String	optional
<li> Tags – `style` Attribute	item_style	The value of the `style` attribute for all inner <li> tags.	String	optional
Item 1	1	The contents of the first <li> tag.	Content	optional
Item 1 – `style` Attribute	item1_style	The value of the `style` attribute of the first <li> tag.	String	optional
Item 1 – `value` Attribute	item1_value	The value of the `value` attribute of the first <li> tag.	String	optional
Item 2	2	The contents of the second <li> tag.	Content	optional
Item 2 – `style` Attribute	item2_style	The value of the `style` attribute of the second <li> tag.	String	optional
Item 2 – `value` Attribute	item2_value	The value of the `value` attribute of the second <li> tag.	String	optional
Item 3	3	The contents of the third <li> tag.	Content	optional
Item 3 – `style` Attribute	item3_style	The value of the `style` attribute of the third <li> tag.	String	optional
Item 3 – `value` Attribute	item3_value	The value of the `value` attribute of the third <li> tag.	String	optional
Item 4	4	The contents of the fourth <li> tag.	Content	optional
Item 4 – `style` Attribute	item4_style	The value of the `style` attribute of the fourth <li> tag.	String	optional
Item 4 – `value` Attribute	item4_value	The value of the `value` attribute of the fourth <li> tag.	String	optional
Item 5	5	The contents of the fifth <li> tag.	Content	optional
Item 5 – `style` Attribute	item5_style	The value of the `style` attribute of the fifth <li> tag.	String	optional
Item 5 – `value` Attribute	item5_value	The value of the `value` attribute of the fifth <li> tag.	String	optional
Item 6	6	The contents of the sixth <li> tag.	Content	optional
Item 6 – `style` Attribute	item6_style	The value of the `style` attribute of the sixth <li> tag.	String	optional
Item 6 – `value` Attribute	item6_value	The value of the `value` attribute of the sixth <li> tag.	String	optional
Item 7	7	The contents of the seventh <li> tag.	Content	optional
Item 7 – `style` Attribute	item7_style	The value of the `style` attribute of the seventh <li> tag.	String	optional
Item 7 – `value` Attribute	item7_value	The value of the `value` attribute of the seventh <li> tag.	String	optional
Item 8	8	The contents of the eighth <li> tag.	Content	optional
Item 8 – `style` Attribute	item8_style	The value of the `style` attribute of the eighth <li> tag.	String	optional
Item 8 – `value` Attribute	item8_value	The value of the `value` attribute of the eighth <li> tag.	String	optional
Item 9	9	The contents of the ninth <li> tag.	Content	optional
Item 9 – `style` Attribute	item9_style	The value of the `style` attribute of the ninth <li> tag.	String	optional
Item 9 – `value` Attribute	item9_value	The value of the `value` attribute of the ninth <li> tag.	String	optional
Item 10	10	The contents of the tenth <li> tag.	Content	optional
Item 10 – `style` Attribute	item10_style	The value of the `style` attribute of the tenth <li> tag.	String	optional
Item 10 – `value` Attribute	item10_value	The value of the `value` attribute of the tenth <li> tag.	String	optional

Edit parameter translations

See also