Template:Plainlist/doc: Difference between revisions

From Stiles Wiki
Jump to navigation Jump to search
(Created page with "{{Documentation subpage}} <!-- PLEASE ADD CATEGORIES AT THE BOTTOM OF THIS PAGE --> {{High-use}} This template provides a WCAG/ISO-standards-compliant accessible alternative to <code><nowiki><br /></nowiki></code> separated lists, per WP:UBLIST and WP:PLIST == Usage == {{tl|plainlist}} starts a plain (i.e. unbulleted) list, such as: {{plainlist| * cat * dog * horse * cow * sheep * pig }} It uses...")
 
No edit summary
 
Line 3: Line 3:
{{High-use}}
{{High-use}}


This template provides a [[Web Content Accessibility Guidelines|WCAG]]/ISO-standards-compliant accessible alternative to <code><nowiki><br /></nowiki></code> separated lists, per [[WP:UBLIST]] and [[WP:PLIST]]
This template provides a [[Web Content Accessibility Guidelines|WCAG]]/ISO-standards-compliant accessible alternative to <code><nowiki><br /></nowiki></code> separated lists, per [[SW:UBLIST]] and [[SW:PLIST]]


== Usage ==
== Usage ==
Line 17: Line 17:
}}
}}


It uses proper HTML list markup, which is more standards-compliant and more accessible than separating list items with {{tag|br|s}}. Detailed reasons for using this template can be found at [[WP:UBLIST]].
It uses proper HTML list markup, which is more standards-compliant and more accessible than separating list items with {{tag|br|s}}. Detailed reasons for using this template can be found at [[SW:UBLIST]].


This template can be used with or without {{tl|endplainlist}}. It is an alternative to {{tl|unbulleted list}}, which performs the same function in a more concise but less wiki-style manner. Note that {{tl|unbulleted list}} will work inside image captions, whereas {{tl|plainlist}} does not.
This template can be used with or without {{tl|endplainlist}}. It is an alternative to {{tl|unbulleted list}}, which performs the same function in a more concise but less wiki-style manner. Note that {{tl|unbulleted list}} will work inside image captions, whereas {{tl|plainlist}} does not.
Line 84: Line 84:
"style": {
"style": {
"label": "Custom CSS",
"label": "Custom CSS",
"description": "Adds CSS style options. Complex styles should not be used in articles (per [[WP:Deviations]]) but may be acceptable on user, project, and talk pages.",
"description": "Adds CSS style options. Complex styles should not be used in articles (per [[SW:Deviations]]) but may be acceptable on user, project, and talk pages.",
    "type": "string",
    "type": "string",
             "example": "border:solid 1px silver; background:lightyellow"
             "example": "border:solid 1px silver; background:lightyellow"
Line 95: Line 95:
}
}
},
},
"description": "This template provides a WCAG/ISO-standards-compliant accessible alternative to &lt;br /&gt; separated lists, per [[WP:UBLIST]] and [[WP:PLIST]]. It uses proper HTML list markup, which is more standards-compliant and more accessible than separating list items with &lt;br /&gt;. Detailed reasons for using this template can be found at WP:UBLIST."
"description": "This template provides a WCAG/ISO-standards-compliant accessible alternative to &lt;br /&gt; separated lists, per [[SW:UBLIST]] and [[SW:PLIST]]. It uses proper HTML list markup, which is more standards-compliant and more accessible than separating list items with &lt;br /&gt;. Detailed reasons for using this template can be found at SW:UBLIST."
} }}
} }}



Latest revision as of 19:19, 26 May 2022

This template provides a WCAG/ISO-standards-compliant accessible alternative to <br /> separated lists, per SW:UBLIST and SW:PLIST

Usage

{{plainlist}} starts a plain (i.e. unbulleted) list, such as:

It uses proper HTML list markup, which is more standards-compliant and more accessible than separating list items with <br />. Detailed reasons for using this template can be found at SW:UBLIST.

This template can be used with or without {{endplainlist}}. It is an alternative to {{unbulleted list}}, which performs the same function in a more concise but less wiki-style manner. Note that {{unbulleted list}} will work inside image captions, whereas {{plainlist}} does not.

Examples

Markup Renders as
{{plainlist|
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
}}

Alternative syntax

Markup Renders as
{{plainlist}}
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
{{endplainlist}}

Parameters

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools.

TemplateData for Plainlist

This template provides a WCAG/ISO-standards-compliant accessible alternative to <br /> separated lists, per SW:UBLIST and SW:PLIST. It uses proper HTML list markup, which is more standards-compliant and more accessible than separating list items with <br />. Detailed reasons for using this template can be found at SW:UBLIST.
ParameterDescriptionTypeStatus
List content1
If supplied, the list, as a normal bulleted list. (Every line should start with an asterisk. No blank lines between lines.) See template page for how this works otherwise.
Contentsuggested
CSS classesclass
Adds a CSS class to the containing div.
Default
The class "plainlist" is always applied.
Stringoptional
Custom CSSstyle
Adds CSS style options. Complex styles should not be used in articles (per SW:Deviations) but may be acceptable on user, project, and talk pages.
Example
border:solid 1px silver; background:lightyellow
Stringoptional
Indent levelindent
Indents the list by a number of standard indents (one indent being 1.6em), particularly handy for inclusion in an indented discussion thread.
Example
2
Numberoptional

Controlling line-breaking

Template {{nbsp}} may be used with {{wbr}} and {{nowrap}} to control line-breaking in bulletless lists, to prevent wrapped long entries from being confused with multiple entries. See Template:Wbr/doc#Controlling line-breaking in infoboxes for details.

Technical details

{{Plainlist}} works by constructing a div with the CSS class "plainlist" which has the following style (see MediaWiki:Common.css):

.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}
Wikitext Expanded template HTML
{{Plainlist|
* Example 1
* Example 2
* Example 3
}}
<div class="plainlist " >
* Example 1
* Example 2
* Example 3

</div>
<div class="plainlist">
<ul>
<li>Example 1</li>
<li>Example 2</li>
<li>Example 3</li>
</ul>
</div>

Redirects

See also