Template:Unbulleted indent list/doc

From Zoophilia Wiki
Jump to navigationJump to search

The {{Unbulleted indent list}} template is very similar to {{Unbulleted list}}, except that it automatically indents the wrapped parts of long items which appear beneath an entry. This makes it easier to distinguish multiple such items when width is limited—such as in {{Infobox}}—and makes more efficient use of horizontal space by eliminating the need for bullet markers to indicate the start of each entry.

This template provides a WCAG-compliant and accessible alternative to <br />-separated lists.

Usage

Example
First labelSome data
Awards
Second labelSome more data
{{Infobox
 | label1 = Some data
 | awards = {{Unbulleted indent list
    | [[Royal Geographical Society's Founder's Medal]] (1888)
    | [[Knight Commander of the Order of the Bath]] (1896)
    | [[Chevalier dans l'Ordre de la Légion d'Honneur]] (1899)
   }}
 | label2 = Some more data
}}

Custom indentation

Example
First labelSome data
Awards
Second labelSome more data
{{Infobox
| label1 = Some data
| awards = {{Unbulleted indent list|indent=2em
| [[Royal Geographical Society's Founder's Medal]] (1888)
| [[Knight Commander of the Order of the Bath]] (1896)
| [[Chevalier dans l'Ordre de la Légion d'Honneur]] (1899)
}}
| label2 = Some more data
}}

TemplateData

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

TemplateData for Unbulleted indent list

Show an unbulleted list the any wrapped lines of entries indented

Template parameters

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Content1

Every line should start with a pipe character.

Contentrequired
Indentationin indent

Custom indentation width for wrapped lines of list entries; must have valid CSS length unit appended

Default
1em
Example
2em
Lineoptional
List stylelist_style

CSS declarations for the <ul> XHTML tag

Example
background-color: lightyellow; border: 1px solid silver;
Lineoptional

See also