More actions
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
{{Documentation subpage}} | {{Documentation subpage}} | ||
<!-- Categories go at the bottom of this page and interwikis go in Wikidata. --> | <!-- Categories go at the bottom of this page and interwikis go in Wikidata. --> | ||
{{used in system|in | {{used in system|in MediaWiki:Citethispage-content}} | ||
{{cascade-protected template}} | {{cascade-protected template}} | ||
{{Lua|Module:List}} | {{Lua|Module:List}} | ||
| Line 8: | Line 8: | ||
{{tlr|clear=right|Horizontal list|dotlist}} | {{tlr|clear=right|Horizontal list|dotlist}} | ||
This template creates | This template creates horizontal lists. Each item in the list may be individually styled with CSS. | ||
Lists output by {{tl|Flatlist}} and {{tl|Hlist}} are semantically and visually identical, and differ only in the wiki-markup used to create the lists. | Lists output by {{tl|Flatlist}} and {{tl|Hlist}} are semantically and visually identical, and differ only in the wiki-markup used to create the lists. | ||
| Line 58: | Line 58: | ||
| <nowiki>Giant planets ({{hlist|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).</nowiki> | | <nowiki>Giant planets ({{hlist|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).</nowiki> | ||
| Giant planets ({{hlist | | Giant planets ({{hlist|J|S|U|N}}). | ||
| <nowiki>Giant planets ({{hlist|class=inline|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).</nowiki> | | <nowiki>Giant planets ({{hlist|class=inline|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).</nowiki> | ||
| Giant planets ({{hlist|class=inline | | Giant planets ({{hlist|class=inline|J|S|U|N}}). | ||
| <nowiki>{{hlist|Winner|Runner-up|Third place|indent=2}}</nowiki> | | <nowiki>{{hlist|Winner|Runner-up|Third place|indent=2}}</nowiki> | ||
| Line 75: | Line 75: | ||
== Avoiding Linter errors == | == Avoiding Linter errors == | ||
{{tlf|hlist}} will produce | {{tlf|hlist}} will produce Linter errors if placed inside a template that uses {{tag|span}} tags, such as {{tl|small}}, {{tl|larger}}, etc. To avoid this, use the substitutions from the table below: | ||
{| {{table}} | {| {{table}} | ||
Revision as of 12:18, 7 April 2025
| This page uses Creative Commons Licensed content from Wikipedia (view authors). |
 | This is a documentation subpage for Template:Hlist It may contain usage information, categories and other content that is not part of the original template page. |
 | This template can only be edited by administrators because it is transcluded onto one or more cascade-protected pages. |
 | This template uses Lua: |
 | This template uses TemplateStyles: |
This template creates horizontal lists. Each item in the list may be individually styled with CSS.
Lists output by {{Flatlist}} and {{Hlist}} are semantically and visually identical, and differ only in the wiki-markup used to create the lists.
Usage
Basic usage
All parameters
Example
{{hlist|Jazz|rock|pop|rap}}
produces:
- Jazz
- rock
- pop
- rap
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<div>...</div>tags surrounding the list. Set toinlinewhen 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
Avoiding Linter errors
{{hlist}} will produce Linter errors if placed inside a template that uses <span>...</span> tags, such as {{small}}, {{larger}}, etc. To avoid this, use the substitutions from the table below:
| Template:No Template:Cross Incorrect markup | Template:Yes Template:Tick 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:120%}}
|
{{big|{{hlist|...}}}} |
{{hlist|...|style=font-size:120%}}
|
{{large|{{hlist|...}}}} |
{{hlist|...|style=font-size:120%}}
|
{{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}}
|