Template:Horizontal list
Uses Lua: |
This template uses TemplateStyles: |
This template creates horizontal lists. Each item in the list may be individually styled with CSS.
Usage
[edit]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]- 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 toinline
when 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]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
[edit]{{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
[edit]This is the TemplateData documentation for this template used by VisualEditor and other tools.
Horizontal list
No description.
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.
| Number | optional |
<ol> Tag – `start` Attribute | start | The value of the `style` attribute of the <ol> tag.
| 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 |