shortcut: {{hlist}}
Template:Horizontal list/doc
From Linux Web Expert
| File:Lua-logo-nolabel.svg | Uses Lua: |
| File:Farm-Fresh css add.svg | This template uses TemplateStyles: |
This template creates horizontal lists. Each item in the list may be individually styled with CSS.
Usage
Basic usage
{{hlist|first item|second item|third item|...}}
All parameters
{{hlist
|first item|second item|third item|...
|class = class for div tag
|style = style for div tag
|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 = the number of tabs to indent
}}
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. Set toinlinewhen using {{hlist}} inside text.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: the number of tabs to indent the list. Default value is 0.
Examples
| Markup | Renders as |
|---|---|
{{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}
|
|
MediaWiki Releases ({{hlist|[[MediaWiki 1.31|1.31]]|[[MediaWiki 1.32|1.32]]|[[MediaWiki 1.33|1.33]]|[[MediaWiki 1.34|1.34]]}}).
|
MediaWiki Releases (). |
MediaWiki Releases ({{hlist|class=inline|[[MediaWiki 1.31|1.31]]|[[MediaWiki 1.32|1.32]]|[[MediaWiki 1.33|1.33]]|[[MediaWiki 1.34|1.34]]}}).
|
MediaWiki Releases (). |
{{hlist|Winner|Runner-up|Third place|indent=2}}
|
|
{{hlist|Winner|Runner-up|Third place|item_style=color:blue;}}
|
|
{{hlist|Winner|Runner-up|Third place|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|
|
Avoiding Linter errors
{{hlist}} will produce Linter errors if placed inside a template that uses <span>...</span> tags, such as {{Small}}, {{Smaller}}, 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
This is the TemplateData documentation for this template used by VisualEditor and other tools.
Horizontal list/doc
<templatedata>{"paramOrder":["class","style","indent","start","list_style","item_style","1","item1_style","item1_value","2","item2_style","item2_value","3","item3_style","item3_value","4","item4_style","item4_value","5","item5_style","item5_value","6","item6_style","item6_value","7","item7_style","item7_value","8","item8_style","item8_value","9","item9_style","item9_value","10","item10_style","item10_value"],"params":{"item5_value":{"type":"string","description":"The value of the `value` attribute of the fifth
tag.","label":"Wrapper
– `class` Attribute"},"item3_style":{"type":"string","description":"The value of the `style` attribute of the third
tag.","label":"Wrapper
– `style` Attribute"},"item9_style":{"type":"string","description":"The value of the `style` attribute of the ninth
- tag.","label":"
- tag.","label":"Item 7 – `style` Attribute"},"item2_style":{"type":"string","description":"The value of the `style` attribute of the second
- tag.","label":"Item 2 – `style` Attribute"},"item6_value":{"type":"string","description":"The value of the `value` attribute of the sixth
- tag.","label":"Item 6 – `value` Attribute"},"start":{"description":"The value of the `style` attribute of the
- tag.","type":"string","default":"1","label":"
- tag.","label":"Item 3 – `value` Attribute"},"1":{"type":"content","description":"The contents of the first
- tag.","label":"Item 1"},"2":{"type":"content","description":"The contents of the second
- tag.","label":"Item 2"},"3":{"type":"content","description":"The contents of the third
- tag.","label":"Item 3"},"4":{"type":"content","description":"The contents of the fourth
- tag.","label":"Item 4"},"5":{"type":"content","description":"The contents of the fifth
- tag.","label":"Item 5"},"6":{"type":"content","description":"The contents of the sixth
- tag.","label":"Item 6"},"7":{"type":"content","description":"The contents of the seventh
- tag.","label":"Item 7"},"8":{"type":"content","description":"The contents of the eighth
- tag.","label":"Item 8"},"9":{"type":"content","description":"The contents of the ninth
- tag.","label":"Item 9"},"10":{"type":"content","description":"The contents of the tenth
- tag.","label":"Item 10"}}}</templatedata>Edit parameter translations
- Tag – `start` Attribute"},"item3_value":{"type":"string","description":"The value of the `value` attribute of the third
- Tag – `style` Attribute"},"indent":{"description":"The number of indents. Each indent is `1.6em` wide.","type":"number","default":"0","label":"Wrapper
– Indent Level"},"item7_style":{"type":"string","description":"The value of the `style` attribute of the seventh
