Template:Hlist/doc
 | This is a documentation subpage for Template:Hlist. It may contain usage information, categories and other content that is not part of the original template page. |
 | This template is used in MediaWiki:Citethispage-content. Changes to it can cause immediate changes to the Wikipedia user interface. To avoid large-scale disruption, any changes should first be tested in this template's /sandbox or /testcases subpage, or in your own user space. The tested changes can then be added in one single edit to this template. Please discuss any changes at the talk page before implementing them. |
 | This template uses Lua: |
This template creates horizontal lists. Each item in the list may be individually styled with CSS.
Usage
[edit source]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
[edit source]- 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
[edit source]| Markup | Renders as |
|---|---|
{{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}
|
|
Giant planets ({{hlist|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).
|
|
Giant planets ({{hlist|class=inline|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).
|
|
{{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
[edit source]{{hlist}} will produce Linter errors if placed inside a template that uses <span>...</span> tags, such as {{small}}, {{larger}}, etc. To avoid this, use the substitutions from the table below:
| Incorrect markup | Correct markup |
|---|---|
{{small|{{hlist|...}}}} |
{{hlist|...|style=font-size:85%}}
|
{{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}}
|
HTML lists | ||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||
