Template:Horizontal list

Template documentation

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 to inline 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}}
  • 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}}
  • Winner
  • Runner-up
  • Third place

{{hlist|Winner|Runner-up|Third place|item_style=color:blue;}}
  • 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 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.

Template parameters

ParameterDescriptionTypeStatus
Wrapper <div> – `class` Attributeclass

The value of the `class` attribute of the wrapper <div> tag.

Stringoptional
Wrapper <div> – `style` Attributestyle

The value of the `style` attribute of the wrapper <div> tag.

Stringoptional
Wrapper <div> – Indent Levelindent

The number of indents. Each indent is `1.6em` wide.

Default
0
Numberoptional
<ol> Tag – `start` Attributestart

The value of the `style` attribute of the <ol> tag.

Default
1
Stringoptional
<ul> Tag – `style` Attributelist_style

The value of the `style` attribute of the <ul> tag.

Stringoptional
<li> Tags – `style` Attributeitem_style

The value of the `style` attribute for all inner <li> tags.

Stringoptional
Item 11

The contents of the first <li> tag.

Contentoptional
Item 1 – `style` Attributeitem1_style

The value of the `style` attribute of the first <li> tag.

Stringoptional
Item 1 – `value` Attributeitem1_value

The value of the `value` attribute of the first <li> tag.

Stringoptional
Item 22

The contents of the second <li> tag.

Contentoptional
Item 2 – `style` Attributeitem2_style

The value of the `style` attribute of the second <li> tag.

Stringoptional
Item 2 – `value` Attributeitem2_value

The value of the `value` attribute of the second <li> tag.

Stringoptional
Item 33

The contents of the third <li> tag.

Contentoptional
Item 3 – `style` Attributeitem3_style

The value of the `style` attribute of the third <li> tag.

Stringoptional
Item 3 – `value` Attributeitem3_value

The value of the `value` attribute of the third <li> tag.

Stringoptional
Item 44

The contents of the fourth <li> tag.

Contentoptional
Item 4 – `style` Attributeitem4_style

The value of the `style` attribute of the fourth <li> tag.

Stringoptional
Item 4 – `value` Attributeitem4_value

The value of the `value` attribute of the fourth <li> tag.

Stringoptional
Item 55

The contents of the fifth <li> tag.

Contentoptional
Item 5 – `style` Attributeitem5_style

The value of the `style` attribute of the fifth <li> tag.

Stringoptional
Item 5 – `value` Attributeitem5_value

The value of the `value` attribute of the fifth <li> tag.

Stringoptional
Item 66

The contents of the sixth <li> tag.

Contentoptional
Item 6 – `style` Attributeitem6_style

The value of the `style` attribute of the sixth <li> tag.

Stringoptional
Item 6 – `value` Attributeitem6_value

The value of the `value` attribute of the sixth <li> tag.

Stringoptional
Item 77

The contents of the seventh <li> tag.

Contentoptional
Item 7 – `style` Attributeitem7_style

The value of the `style` attribute of the seventh <li> tag.

Stringoptional
Item 7 – `value` Attributeitem7_value

The value of the `value` attribute of the seventh <li> tag.

Stringoptional
Item 88

The contents of the eighth <li> tag.

Contentoptional
Item 8 – `style` Attributeitem8_style

The value of the `style` attribute of the eighth <li> tag.

Stringoptional
Item 8 – `value` Attributeitem8_value

The value of the `value` attribute of the eighth <li> tag.

Stringoptional
Item 99

The contents of the ninth <li> tag.

Contentoptional
Item 9 – `style` Attributeitem9_style

The value of the `style` attribute of the ninth <li> tag.

Stringoptional
Item 9 – `value` Attributeitem9_value

The value of the `value` attribute of the ninth <li> tag.

Stringoptional
Item 1010

The contents of the tenth <li> tag.

Contentoptional
Item 10 – `style` Attributeitem10_style

The value of the `style` attribute of the tenth <li> tag.

Stringoptional
Item 10 – `value` Attributeitem10_value

The value of the `value` attribute of the tenth <li> tag.

Stringoptional
Edit parameter translations