Template:Hlist/doc

{{#ifeq:doc |doc

    | 

{{#ifeq:show |show

         | Template:Mbox
        }}{{#if: |
         |   {{#ifexist:Template:Hlist
                  | [[Category:{{#switch:Template |Template=Template |Module=Module |User=User |#default=Wikipedia}} documentation pages]]
                  |
                 }}
        }}
    | 
   }}

{{#invoke:High-use|main|1=|2=|system={{#if:in MediaWiki:Citethispage-content|in MediaWiki:Citethispage-content|in system messages}}}} {{#invoke:Lua banner|main}} {{#invoke:Shortcut|main|template=yes|redirect=yes}}

This template creates horizontal lists. Each item in the list may be individually styled with CSS.

Usage

Basic usage

{{#if:{{hlist|first item|second item|third item|...}}|{{hlist|first item|second item|third item|...}}}}{{#if:||{{{2}}}}}{{#if:||{{{3}}}}}{{#if:||{{{4}}}}}{{#if:||{{{5}}}}}{{#if:||{{{6}}}}}{{#if:||{{{7}}}}}{{#if:||{{{8}}}}}{{#if:||{{{9}}}}}{{#if:||{{{10}}}}}{{#if:||{{{11}}}}}{{#if:||{{{12}}}}}{{#if:||{{{13}}}}}{{#if:||{{{14}}}}}{{#if:||{{{15}}}}}{{#if:||{{{16}}}}}{{#if:||{{{17}}}}}{{#if:||{{{18}}}}}{{#if:||{{{19}}}}}{{#if:||{{{20}}}}}

All parameters

{{#if:
{{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
}}
|
{{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
}}
}}{{#if:||{{{2}}}}}{{#if:||{{{3}}}}}{{#if:||{{{4}}}}}{{#if:||{{{5}}}}}{{#if:||{{{6}}}}}{{#if:||{{{7}}}}}{{#if:||{{{8}}}}}{{#if:||{{{9}}}}}{{#if:||{{{10}}}}}{{#if:||{{{11}}}}}{{#if:||{{{12}}}}}{{#if:||{{{13}}}}}{{#if:||{{{14}}}}}{{#if:||{{{15}}}}}{{#if:||{{{16}}}}}{{#if:||{{{17}}}}}{{#if:||{{{18}}}}}{{#if:||{{{19}}}}}{{#if:||{{{20}}}}}

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 {{#switch:pair

 |c|close =
 |e|empty|s|single|v|void
 |o|open
 |p|pair = <{{#if:|div|div}}{{#if:| {{{attribs}}}}}
}}{{#switch:pair
 |c|close = 
 |e|empty|s|single|v|void =  />
 |o|open = >
 |p|pair = {{#ifeq:div|!--||>}}...
}}{{#switch:pair
 |e|empty|s|single|v|void
 |o|open =
 |c|close
 |p|pair = {{#ifeq:div|!--|-->|</div>}}
}} tags surrounding the list. Set to inline when using {{#Invoke:Template link general|main|nowrap=yes|nolink=yes}} inside text.

• style: a custom CSS style for the {{#switch:pair

 |c|close =
 |e|empty|s|single|v|void
 |o|open
 |p|pair = <{{#if:|div|div}}{{#if:| {{{attribs}}}}}
}}{{#switch:pair
 |c|close = 
 |e|empty|s|single|v|void =  />
 |o|open = >
 |p|pair = {{#ifeq:div|!--||>}}...
}}{{#switch:pair
 |e|empty|s|single|v|void
 |o|open =
 |c|close
 |p|pair = {{#ifeq:div|!--|-->|</div>}}
}} tags surrounding the list, e.g. font-size: 90%;.

• list_style: a custom CSS style for the {{#switch:pair

 |c|close =
 |e|empty|s|single|v|void
 |o|open
 |p|pair = <{{#if:|ul|ul}}{{#if:| {{{attribs}}}}}
}}{{#switch:pair
 |c|close = 
 |e|empty|s|single|v|void =  />
 |o|open = >
 |p|pair = {{#ifeq:ul|!--||>}}...
}}{{#switch:pair
 |e|empty|s|single|v|void
 |o|open =
 |c|close
 |p|pair = {{#ifeq:ul|!--|-->|</ul>}}
}} tags around the list. The format is the same as for the |{{SAFESUBST:#if:style|style=}} parameter.

• item_style: a custom CSS style for all of the list items (the {{#switch:pair

 |c|close =
 |e|empty|s|single|v|void
 |o|open
 |p|pair = <{{#if:|li|li}}{{#if:| {{{attribs}}}}}
}}{{#switch:pair
 |c|close = 
 |e|empty|s|single|v|void =  />
 |o|open = >
 |p|pair = {{#ifeq:li|!--||>}}...
}}{{#switch:pair
 |e|empty|s|single|v|void
 |o|open =
 |c|close
 |p|pair = {{#ifeq:li|!--|-->|</li>}}
}} tags). The format is the same as for the |{{SAFESUBST:#if:style|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 |{{SAFESUBST:#if:style|style=}} parameter.
• indent: the number of tabs to indent the list. Default value is 0.

Examples

{{#if: ||+ {{{title}}}}} {{#if: |

Markup	Renders as }}{{safesubst:#invoke:For loop|main}}

Avoiding Linter errors

{{#Invoke:Template link general|main|nowrap=yes|nolink=yes}} will produce Linter errors if placed inside a template that uses {{#switch:pair

 |c|close =
 |e|empty|s|single|v|void
 |o|open
 |p|pair = <{{#if:|span|span}}{{#if:| {{{attribs}}}}}
}}{{#switch:pair
 |c|close = 
 |e|empty|s|single|v|void =  />
 |o|open = >
 |p|pair = {{#ifeq:span|!--||>}}...
}}{{#switch:pair
 |e|empty|s|single|v|void
 |o|open =
 |c|close
 |p|pair = {{#ifeq:span|!--|-->|</span>}}
}} tags, such as {{small}}, {{larger}}, etc. To avoid this, use the substitutions from the table below:

hidable|collapsible = collapsible	autocollapse = collapsible autocollapse	collapse|collapsed = collapsible collapsed	sortable = sortable	outercollapse = outercollapse	innercollapse = innercollapse	}} {{safesubst:#switch:	hidable|collapsible = collapsible	autocollapse = collapsible autocollapse	collapse|collapsed = collapsible collapsed	sortable = sortable	outercollapse = outercollapse	innercollapse = innercollapse	}} {{safesubst:#switch:	hidable|collapsible = collapsible	autocollapse = collapsible autocollapse	collapse|collapsed = collapsible collapsed	sortable = sortable	outercollapse = outercollapse	innercollapse = innercollapse	}} "	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}}

{{#invoke:navbox top and bottom|top}}

Flat	{{ safesubst:#if: no }} Template }}}}{{hlist}} main|code=on}} {{safesubst:#invoke:list|horizontal}}	{{ safesubst:#if: no }} Template }}}}{{flatlist}} main|code=on}} {{#if: item1 item2 ... item1 item2 ... }}	{{ safesubst:#if: no }} Template }}}}{{cslist}} main|code=on}} {{#invoke:Cslist |makelist}} {{ safesubst:#if: no }} Template }}}}{{bold list}} main|code=on}} {{safesubst:#invoke:Bold list|main|conj=or}}
Bulleted and Ordered	{{ safesubst:#if: no }} Template }}}}{{bulleted list}} main|code=on}} {{safesubst:#invoke:list|bulleted}}		{{ safesubst:#if: no }} Template }}}}{{ordered list}} main|code=on}} {{safesubst:#invoke:list|ordered}}
Unbulleted	{{ safesubst:#if: no }} Template }}}}{{unbulleted list}} main|code=on}} {{safesubst:#invoke:list|unbulleted}}	{{ safesubst:#if: no }} Template }}}}{{plainlist}} main|code=on}} {{#if: item1 item2 ... item1 item2 ... }}	{{ safesubst:#if: no }} Template }}}}{{glossary}} (glossary, description, definition, association) main|code=on}} {{#Invoke:Template link general|main|code=on}} {{#Invoke:Template link general|main|code=on}} {{#Invoke:Template link general|main|nolink=yes|code=yes}} {{#Invoke:Template link general|main|nolink=yes|code=yes}} {{#Invoke:Template link general|main|nolink=yes|code=yes}} {{#Invoke:Template link general|main|nolink=yes|code=yes}} {{ safesubst:#if: no }} Template }}}}{{glossary end}} {{#if:||}}first term{{#if:||}} {{#if:|{{{no}}}.  |}}first description {{#if:||}}second term{{#if:||}} {{#if:|{{{no}}}.  |}}second description {{#if:||}}...{{#if:||}} {{#if:|{{{no}}}.  |}}....
Other	{{ safesubst:#if: no }} Template }}}}{{flowlist}} [[File:Bad Title Example.png|left|thumb|100px]] {{#Invoke:Template link general|main|code=on}} File:Bad Title Example.png {{#if: item1 item2 ... item1 item2 ... }}	{{ safesubst:#if: no }} Template }}}}{{columns-list}} main|code=on}} {{#if: first second third ... wrap|_template=div col|_alias-map=1:content|colwidth=30em}}}}{{#invoke:Check for unknown parameters|check|unknown={{#switch: {{#if: {{{demospace}}} main other }} }} main = other #default = }}|preview=Page using Template:Columns-list with unknown parameter "_VALUE_"|ignoreblank=y| 1 | class | content | colwidth | gap | rules | small | style }}	{{ safesubst:#if: no }} Template }}}}{{colored list}} main|code=on}} {{#invoke:Colored list|list}}

{{#invoke:navbox top and bottom|bottom}}