https://www.limswiki.org/index.php?action=history&feed=atom&title=Template%3AFlatlist%2Fdoc
Template:Flatlist/doc - Revision history
2026-04-04T14:22:06Z
Revision history for this page on the wiki
MediaWiki 1.36.1
https://www.limswiki.org/index.php?title=Template:Flatlist/doc&diff=38169&oldid=prev
Shawndouglas: Created as needed.
2020-03-10T16:56:44Z
<p>Created as needed.</p>
<p><b>New page</b></p><div>{{Documentation subpage}}<br />
<!-- PLEASE ADD CATEGORIES AT THE BOTTOM OF THIS PAGE --><br />
This template provides a [[Web Content Accessibility Guidelines|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists.<br />
{{TOC limit|3}}<br />
<br />
==Usage==<br />
{{tlf|flatlist}} starts a horizontal list, such as:<br />
<br />
{{flatlist|<br />
* [[cat]]<br />
* [[dog]]<br />
* [[horse]]<br />
* [[cow]]<br />
* [[sheep]]<br />
* [[pig]]<br />
}}<br />
<br />
This template can be used with or without {{tl|endflatlist}}. For navigation boxes using {{tl|navbox}}, one can set {{para|listclass|hlist}}, and achieve the same styling without using this template. For image captions, list (i.e. asterisk) markup does not work, so consider using {{tl|hlist}} instead.<br />
<br />
==Optional parameters==<br />
; class<br />
: Adds a CSS class to the containing div. Use <tt>nowraplinks</tt> to prevent links from wrapping.<br />
<br />
; style<br />
: Adds CSS styling to the containing div. Complex styles should not be used in articles (per [[WP:Deviations]]) but may be acceptable on user, project and talk pages.<br />
: Example: {{para|<var>style</var>|<var>border:solid 1px silver; background:lightyellow</var>}}<br />
<br />
; indent<br />
: Indents the list by a number of standard indents, one indent being 1.6[[Em (typography)|em]]. (Useful in an indented discussion thread.)<br />
: Example: {{para|<var>indent</var>|<var>2</var>}}<br />
<br />
==Examples==<br />
<source lang="moin"><br />
{{flatlist|<br />
* [[cat]]<br />
* [[dog]]<br />
* [[horse]]<br />
* [[cow]]<br />
* [[sheep]]<br />
* [[pig]]<br />
}}<br />
</source><br />
<br />
produces:<br />
<br />
{{flatlist|<br />
* [[cat]]<br />
* [[dog]]<br />
* [[horse]]<br />
* [[cow]]<br />
* [[sheep]]<br />
* [[pig]]<br />
}}<br />
<br />
===Alternative syntax===<br />
<source lang="moin"><br />
{{startflatlist}}<br />
* [[cat]]<br />
* [[dog]]<br />
* [[horse]]<br />
* [[cow]]<br />
* [[sheep]]<br />
* [[pig]]<br />
{{endflatlist}}<br />
</source><br />
<br />
produces:<br />
<br />
{{startflatlist}}<br />
* [[cat]]<br />
* [[dog]]<br />
* [[horse]]<br />
* [[cow]]<br />
* [[sheep]]<br />
* [[pig]]<br />
{{endflatlist}}<br />
<br />
===Syntax for ordered lists===<br />
<pre><br />
{{flatlist|<br />
# [[first]]<br />
# [[second]]<br />
# [[third]]<br />
# [[fourth]]<br />
# [[fifth]]<br />
# [[sixth]]<br />
}}<br />
</pre><br />
<br />
produces:<br />
<br />
{{flatlist|<br />
# [[first]]<br />
# [[second]]<br />
# [[third]]<br />
# [[fourth]]<br />
# [[fifth]]<br />
# [[sixth]]<br />
}}<br />
<br />
=== Using optional parameters ===<br />
<source lang="moin"><br />
{{flatlist |indent=2 <br />
|style=border:solid 1px silver; background:lightyellow; <br />
|class=nowraplinks |<br />
* [[Alpine skiing at the 1936 Winter Olympics]]<br />
* [[Alpine skiing at the 1948 Winter Olympics]]<br />
* [[Alpine skiing at the 1952 Winter Olympics]]<br />
* [[Alpine skiing at the 1956 Winter Olympics]]<br />
* [[Alpine skiing at the 1960 Winter Olympics]]<br />
* [[Alpine skiing at the 1964 Winter Olympics]]<br />
}}<br />
</source><br />
<br />
produces:<br />
<br />
{{flatlist |indent=2 |style=border:solid 1px silver; background:lightyellow; |class=nowraplinks |<br />
* [[Alpine skiing at the 1936 Winter Olympics]]<br />
* [[Alpine skiing at the 1948 Winter Olympics]]<br />
* [[Alpine skiing at the 1952 Winter Olympics]]<br />
* [[Alpine skiing at the 1956 Winter Olympics]]<br />
* [[Alpine skiing at the 1960 Winter Olympics]]<br />
* [[Alpine skiing at the 1964 Winter Olympics]]<br />
}}<br />
<br />
==Technical details==<br />
This template uses the <code>.hlist</code> [[Cascading Style Sheets|CSS]] class defined in [[MediaWiki:Common.css]] to generate horizontal lists. It causes ordinary html list items to be displayed inline (horizontally), where they would normally display as block elements (vertically). The class also generates the [[interpunct]]s between list items and parentheses around nested lists. Some of the CSS used is not compatible with all browsers, notably Internet Explorer 6 and 7.<br />
<br />
{| class="wikitable"<br />
! Wikitext<br />
! Expanded template<br />
! HTML<br />
|- style="vertical-align:top;"<br />
| <pre><br />
{{flatlist|<br />
* cat<br />
* dog<br />
* horse<br />
* cow<br />
* sheep<br />
* pig<br />
}}<br />
</pre><br />
| {{nowiki2|tag=pre|<br />
{{flatlist|<br />
* cat<br />
* dog<br />
* horse<br />
* cow<br />
* sheep<br />
* pig<br />
}}<br />
}}<br />
| <syntaxhighlight lang="html"><br />
<div class="hlist"><br />
<ul><li>cat</li><br />
<li>dog</li><br />
<li>horse</li><br />
<li>cow</li><br />
<li>sheep</li><br />
<li>pig</li></ul><br />
</div><br />
</syntaxhighlight><br />
|}<br />
<br />
==Redirects==<br />
* {{tl|startflatlist}}<br />
* {{tl|endflatlist}}<br />
* {{tl|flt}}<br />
<br />
==See also==<br />
* {{tl|hlist}}<br />
* {{tl|plainlist}} and {{tl|unbulleted list}}<br />
* {{tl|bulleted list}}<br />
* {{tl|ordered list}}<br />
* {{tl|multi-column numbered list}}<br />
* {{tl|nowrap}}<br />
* {{tl|pagelist}}<br />
<br />
{{HTML lists}}<br />
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox||<br />
<!-- CATEGORIES HERE, THANKS --><br />
[[Category:Typing-aid templates|Flatlist]]<br />
[[Category:List formatting and function templates|Flatlist]]<br />
}}</includeonly></div>
Shawndouglas