Template:Flatlist/doc - Revision history

Fire at 00:02, 3 June 2025

2025-06-03T00:02:10Z

← Older revision		Revision as of 09:02, 3 June 2025
Line 5:		Line 5:
	{{used in system\|in [[MediaWiki:Pageinfo-header]]}}		{{used in system\|in [[MediaWiki:Pageinfo-header]]}}
	{{tlr\|startflatlist\|flt}}		{{tlr\|startflatlist\|flt}}
			{{Uses TemplateStyles\|Template:Hlist/styles.css}}
	This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[MOS:HLIST]].		This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[MOS:HLIST]].

Fire at 00:01, 3 June 2025

2025-06-03T00:01:48Z

← Older revision		Revision as of 09:01, 3 June 2025
Line 3:		Line 3:
	{{Documentation subpage}}		{{Documentation subpage}}
	<!-- Add categories where indicated at the bottom of this page and interwikis at Wikidata -->		<!-- Add categories where indicated at the bottom of this page and interwikis at Wikidata -->
			{{used in system\|in [[MediaWiki:Pageinfo-header]]}}
			{{tlr\|startflatlist\|flt}}

			This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[MOS:HLIST]].

			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.

	{{TOC limit\|3}}		{{TOC limit\|3}}

Fire at 00:00, 3 June 2025

2025-06-03T00:00:43Z

@@ Line 3: / Line 3: @@
 {{Documentation subpage}}
 <!-- Add categories where indicated at the bottom of this page and interwikis at Wikidata -->
 {{TOC limit|3}}
 == Examples ==

Fire at 23:59, 2 June 2025

2025-06-02T23:59:58Z

← Older revision		Revision as of 08:59, 3 June 2025
Line 13:		Line 13:
	{{TOC limit\|3}}		{{TOC limit\|3}}

	~~== Usage ==~~
	~~{{tl\|flatlist}} starts a horizontal list, such as:~~

	~~{{flatlist\|~~
	* [[cat]]
	* [[dog]]
	* [[horse]]
	* [[cow]]
	* [[sheep]]
	* [[pig]]
	}}

	If this template is used with no parameters, {{tl\|endflatlist}} is required. 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.

	~~== Parameters ==~~
	~~{{#switch:{{NAMESPACE}}:{{ROOTPAGENAME}}\|#default=~~
	~~{{Format TemplateData\|<templatedata>~~
	{
	~~"description": {~~
	~~"en": "Used to create plain (i.e. unbulleted) lists."~~
	},
	~~"format": "inline",~~
	~~"params": {~~
	~~"1": {~~
	~~"label": {~~
	~~"en": "Content"~~
	},
	~~"description": {~~
	~~"en": "The list to wrap."~~
	},
	~~"suggested": true,~~
	~~"type": "content"~~
	},
	~~"class": {~~
	~~"label": {~~
	~~"en": "Extra Classes"~~
	},
	~~"description": {~~
	~~"en": "Adds extra CSS classes to the containing div."~~
	},
	~~"type": "string"~~
	},
	~~"style": {~~
	~~"label": {~~
	~~"en": "CSS Style"~~
	},
	~~"description": {~~
	~~"en": "Adds extra CSS properties to the containing div. Complex styles should not be used in articles (per [[MOS:DEVIATIONS]]) but may be acceptable on user, project and talk pages."~~
	},
	~~"example": "\n border: solid 1px silver;\n background: lightyellow;\n",~~
	~~"type": "string"~~
	},
	~~"indent": {~~
	~~"label": {~~
	~~"en": "Indent"~~
	},
	~~"description": {~~
	~~"en": "Indents the list by a number of standard indents (one indent being 1.6[[em (typography)\|em]]). (Useful in an indented discussion thread.)"~~
	},
	~~"example": "2",~~
	~~"type": "number"~~
	}
	},
	~~"paramOrder": [~~
	~~"class",~~
	~~"style",~~
	~~"indent",~~
	~~"1"~~
	]
	}
	~~</templatedata>}}~~
	~~\|Template:Endflatlist=~~
	~~{{Format TemplateData\|JSON=~~
	{
	~~"description": "Ends a flat list created by {{tl\|flatlist}}.",~~
	~~"format": "inline",~~
	~~"params": {~~
	}
	}
	}}
	}}

	== Examples ==		== Examples ==

Fire: /* Using optional parameters */

2025-06-02T23:59:25Z

Using optional parameters

← Older revision		Revision as of 08:59, 3 June 2025
Line 189:		Line 189:
	}}		}}

			== Technical details ==
			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.

			{\| class="wikitable"
			! Wikitext
			! Expanded template
			! HTML
			\|- style="vertical-align:top;"
			\| <syntaxhighlight lang="wikitext">
			{{flatlist\|
			* cat
			* dog
			* horse
			* cow
			* sheep
			* pig
			}}
			</syntaxhighlight>
			\| {{nowiki2\|tag=pre\|
			{{flatlist\|
			* cat
			* dog
			* horse
			* cow
			* sheep
			* pig
			}}
			}}
			\| <syntaxhighlight lang="html">
			<div class="hlist">
			<ul><li>cat</li>
			<li>dog</li>
			<li>horse</li>
			<li>cow</li>
			<li>sheep</li>
			<li>pig</li></ul>
			</div>
			</syntaxhighlight>
			\|}

	== See also ==		== See also ==

Fire at 23:59, 2 June 2025

2025-06-02T23:59:04Z

@@ Line 95: / Line 95: @@
 }}
-== Technical details ==
+== Examples ==
-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.
+<syntaxhighlight lang="wikitext">
-{| class="wikitable"
+{{startflatlist}}
-! Wikitext
+* [[cat]]
-! Expanded template
+* [[dog]]
-! HTML
+* [[horse]]
-|- style="vertical-align:top;"
+* [[cow]]
-| <syntaxhighlight lang="wikitext">
+* [[sheep]]
 {{flatlist|
-* cat
+# [[first]]
-* dog
+# [[second]]
-* horse
+# [[3|third]]
-* cow
+# [[fourth]]
-* sheep
+# [[fifth]]
-* pig
+# [[sixth]]
 }}
 </syntaxhighlight>
-| {{nowiki2|tag=pre|
 {{flatlist|
-* cat
+# [[first]]
-* dog
+# [[second]]
-* horse
+# [[3|third]]
-* cow
+# [[fourth]]
-* sheep
+# [[fifth]]
-* pig
+# [[sixth]]
 }}
 }}
 </syntaxhighlight>
 |}
 == See also ==

Fire: /* Examples */

2025-06-02T23:58:33Z

Examples

@@ Line 93: / Line 93: @@
+}
 }}
 }}

Fire at 23:58, 2 June 2025

2025-06-02T23:58:05Z

← Older revision		Revision as of 08:58, 3 June 2025
Line 1:		Line 1:
	<noinclude>~~{{pp\|small=yes}}~~		<noinclude>
	</noinclude>{{redirect\|Template:Inline list\|a navbox listing templates used within lines of text to mark problems needing attention\|Template:Inline cleanup tags}}		</noinclude>{{redirect\|Template:Inline list\|a navbox listing templates used within lines of text to mark problems needing attention\|Template:Inline cleanup tags}}
	{{Documentation subpage}}		{{Documentation subpage}}

Fire at 23:57, 2 June 2025

2025-06-02T23:57:27Z

← Older revision		Revision as of 08:57, 3 June 2025
Line 1:		Line 1:
			<noinclude>{{pp\|small=yes}}
			</noinclude>{{redirect\|Template:Inline list\|a navbox listing templates used within lines of text to mark problems needing attention\|Template:Inline cleanup tags}}
	{{Documentation subpage}}		{{Documentation subpage}}
	<!-- Add categories where indicated at the bottom of this page and interwikis at Wikidata -->		<!-- Add categories where indicated at the bottom of this page and interwikis at Wikidata -->
	{{used in system\|in [[MediaWiki:Pageinfo-header]]}}		{{used in system\|in [[MediaWiki:Pageinfo-header]]}}
			{{cascade-protected template}}
	{{tlr\|startflatlist\|flt}}		{{tlr\|startflatlist\|flt}}
	{{Uses TemplateStyles\|Template:Hlist/styles.css}}		{{Uses TemplateStyles\|Template:Hlist/styles.css}}
	This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[WP:HLIST]].		This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[MOS:HLIST]].

			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.

	{{TOC limit\|3}}		{{TOC limit\|3}}

Line 19:		Line 25:
	}}		}}

	~~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.		If this template is used with no parameters, {{tl\|endflatlist}} is required. 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.

	== Parameters ==		== Parameters ==
Line 90:		Line 96:

	== Examples ==		== Examples ==
	<syntaxhighlight lang="~~text~~">		<syntaxhighlight lang="wikitext">
	{{flatlist\|		{{flatlist\|
	* [[cat]]		* [[cat]]
Line 113:		Line 119:

	=== Alternative syntax ===		=== Alternative syntax ===
	<syntaxhighlight lang="~~text~~">		<syntaxhighlight lang="wikitext">
	{{startflatlist}}		{{startflatlist}}
	* [[cat]]		* [[cat]]
Line 136:		Line 142:

	=== Syntax for ordered lists ===		=== Syntax for ordered lists ===
	<syntaxhighlight lang="~~text~~">		<syntaxhighlight lang="wikitext">
	{{flatlist\|		{{flatlist\|
	# [[first]]		# [[first]]
	# [[second]]		# [[second]]
	# [[third]]		# [[3\|third]]
	# [[fourth]]		# [[fourth]]
	# [[fifth]]		# [[fifth]]
Line 152:		Line 158:
	# [[first]]		# [[first]]
	# [[second]]		# [[second]]
	# [[third]]		# [[3\|third]]
	# [[fourth]]		# [[fourth]]
	# [[fifth]]		# [[fifth]]
Line 159:		Line 165:

	=== Using optional parameters ===		=== Using optional parameters ===
	<syntaxhighlight lang="~~text~~">		<syntaxhighlight lang="wikitext">
	{{flatlist \|indent=2		{{flatlist \|indent=2
	\|style=border:solid 1px silver; background:lightyellow;		\|style=border:solid 1px silver; background:lightyellow;
Line 184:		Line 190:

	== Technical details ==		== Technical details ==
	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 some older browsers, notably Internet Explorer 6 and 7~~.		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.

	{\| class="wikitable"		{\| class="wikitable"
Line 191:		Line 197:
	! HTML		! HTML
	\|- style="vertical-align:top;"		\|- style="vertical-align:top;"
	\| <~~pre~~>		\| <syntaxhighlight lang="wikitext">
	{{flatlist\|		{{flatlist\|
	* cat		* cat
Line 200:		Line 206:
	* pig		* pig
	}}		}}
	</~~pre~~>		</syntaxhighlight>
	\| {{nowiki2\|tag=pre\|		\| {{nowiki2\|tag=pre\|
	{{flatlist\|		{{flatlist\|

Fire at 23:50, 2 June 2025

2025-06-02T23:50:49Z

← Older revision		Revision as of 08:50, 3 June 2025
Line 3:		Line 3:
	{{used in system\|in [[MediaWiki:Pageinfo-header]]}}		{{used in system\|in [[MediaWiki:Pageinfo-header]]}}
	{{tlr\|startflatlist\|flt}}		{{tlr\|startflatlist\|flt}}
			{{Uses TemplateStyles\|Template:Hlist/styles.css}}
	This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[WP:HLIST]].		This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[WP:HLIST]].
	{{TOC limit\|3}}		{{TOC limit\|3}}

← Older revision		Revision as of 09:02, 3 June 2025
Line 5:		Line 5:
	{{used in system\|in [[MediaWiki:Pageinfo-header]]}}		{{used in system\|in [[MediaWiki:Pageinfo-header]]}}
	{{tlr\|startflatlist\|flt}}		{{tlr\|startflatlist\|flt}}
			{{Uses TemplateStyles\|Template:Hlist/styles.css}}
	This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[MOS:HLIST]].		This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[MOS:HLIST]].

← Older revision		Revision as of 08:50, 3 June 2025
Line 3:		Line 3:
	{{used in system\|in [[MediaWiki:Pageinfo-header]]}}		{{used in system\|in [[MediaWiki:Pageinfo-header]]}}
	{{tlr\|startflatlist\|flt}}		{{tlr\|startflatlist\|flt}}
			{{Uses TemplateStyles\|Template:Hlist/styles.css}}
	This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[WP:HLIST]].		This template provides a [[Web Content Accessibility Guidelines\|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[WP:HLIST]].
	{{TOC limit\|3}}		{{TOC limit\|3}}