Template:Endflatlist

Template documentationviewedithistorypurge

"Template:Inline list" redirects here. Pala mwapenjanga a navbox listing templates used within lines of text to mark problems needing attention, wonani Template:Inline cleanup tags.

This template provides a WCAG/ISO standards-compliant accessible alternative to comma-, dash- or other single character-delimited lists, per Manual of Style/Lists § Horizontal lists and Manual of Style:Accessibility § Horizontal lists.

Lists output by {{Flatlist}} and {{Hlist}} are semantically and visually identical, differing only in the underlying wiki-markup they expect as input to create the lists.

Usage

{{Flatlist}} starts a horizontal list, such as:

• cat
• dog
• horse
• cow
• sheep
• pig

If this template is used with no parameters, {{Endflatlist}} is required. For navigation boxes using {{Navbox}}, one can set |listclass=hlist and achieve the same styling without using this template. For image captions, list (i.e. leading asterisk) markup does not work, so consider using {{Hlist}} instead.

Parameters

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Endflatlist in articles based on its TemplateData.

TemplateData for Endflatlist

Ends a flat list created by {{[[Template:Flatlist|Flatlist]]}}.

Template parameters[Edit template data]

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
No parameters specified

Examples

{{Flatlist|
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
}}

produces:

• cat
• dog
• horse
• cow
• sheep
• pig

Alternative syntax

{{Startflatlist}}
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
{{Endflatlist}}

produces:

• cat
• dog
• horse
• cow
• sheep
• pig

Syntax for ordered lists

{{Flatlist|
# [[first]]
# [[second]]
# [[3|third]]
# [[fourth]]
# [[fifth]]
# [[sixth]]
}}

produces:

1. first
2. second
3. third
4. fourth
5. fifth
6. sixth

Using optional parameters

{{Flatlist|indent=2|class=nowraplinks|style=background-color: var(--background-color-notice-subtle, lightgray); border: thin solid silver; color: var(--color-base, black);|
* [[Alpine skiing at the 1936 Winter Olympics]]
* [[Alpine skiing at the 1948 Winter Olympics]]
* [[Alpine skiing at the 1952 Winter Olympics]]
* [[Alpine skiing at the 1956 Winter Olympics]]
* [[Alpine skiing at the 1960 Winter Olympics]]
* [[Alpine skiing at the 1964 Winter Olympics]]
}}

produces:

• Alpine skiing at the 1936 Winter Olympics
• Alpine skiing at the 1948 Winter Olympics
• Alpine skiing at the 1952 Winter Olympics
• Alpine skiing at the 1956 Winter Olympics
• Alpine skiing at the 1960 Winter Olympics
• Alpine skiing at the 1964 Winter Olympics

Generating an inline list preceded by text

In some situations, it may be useful to present an inline list preceded by other text. Normally, this template is rendered as a block element that starts on a new line. In order to prevent that new line, use |class=inline and wrap the preceding text and this template in <div>...</div> tags (div tags are not necessary if the template is inside a table cell).

Without div tags (normal usage; note that class=inline does not work)

Here's a list: {{flatlist
|class=inline
|1=
* foo
* bar
* baz
}}

produces:

Here's a list:

• foo
• bar
• baz

With div tags (class=inline works)

<div>Here's a list: {{flatlist
|class=inline
|1=
* foo
* bar
* baz
}}</div>

produces:

Here's a list:

• foo
• bar
• baz

Technical details

This template uses the .hlist CSS class defined in Template:Hlist/styles.css to generate horizontal lists. It causes ordinary HTML list items to be displayed inline (horizontally), where normally they would be displayed as block elements (vertically). The class also generates the interpuncts between list items and parentheses around nested lists.

Wikitext	Expanded template	HTML
{{Flatlist| * cat * dog * horse * cow * sheep * pig }}	'"`UNIQ--templatestyles-00000018-QINU`"'<div class="hlist " > * cat * dog * horse * cow * sheep * pig </div>	<div class="hlist"><ul> <li>cat</li> <li>dog</li> <li>horse</li> <li>cow</li> <li>sheep</li> <li>pig</li> </ul></div>

Maintenance categories

• Category:Pages using flatlist with unknown parameters (0)

See also

• {{Endflatlist}}
• {{Hlist}}
• {{Plainlist}} and {{Unbulleted list}}
• {{Bulleted list}}
• {{Ordered list}}
• {{Nowrap}}
• {{Pagelist}}
• Manual of Style:Accessibility § Horizontal lists

The above documentation is transcluded from Template:Flatlist/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Subpages of this template.