Module:List/doc: Difference between revisions

From HIBIKIFORUM
Jump to navigation Jump to search
(Created page with "{{Documentation subpage}} {{Lua|Module:TableTools|Module:Arguments}} {{Uses TemplateStyles|Template:Plainlist/styles.css|Template:Hlist/styles.css}} __NOTOC__ This module outputs various kinds of lists. At present, it supports bulleted lists, unbulleted lists, horizontal lists, ordered lists (numbered or alphabetical), and horizontal ordered lists. It allows for easy css styling of the list or of the individual list items. == Usage == ==== Quick usage ==== <code>{{((}...")
 
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 9: Line 9:


==== Quick usage ====
==== Quick usage ====
<code>{{((}}#invoke:list|''function''|''first item''|''second item''|''third item''|...{{))}}</code>
{{ml|list|''function''|''first item''|''second item''|''third item''|...}}


==== All parameters ====
==== All parameters ====
<code>{{((}}#invoke:list|''function''|''first item''|''second item''|''third item''|...{{))}}</code>
{{mlc|list|''function''|''first item''|''second item''|''third item''|...}}
{| class="wikitable"
{| class="wikitable"
! Parameter !! Description
! Parameter !! Description
Line 38: Line 38:


=== Arguments passed from parent template ===
=== Arguments passed from parent template ===
<code>{{((}}#invoke:list|''function''{{))}}</code>
{{mlc|list|''function''}}


==== Functions ====
==== Functions ====
Line 93: Line 93:
! Code !! Result
! Code !! Result
|-
|-
| <code><nowiki>{{#invoke:list|bulleted|First item|Second item|Third item}}</nowiki></code>
| {{mlc|list|bulleted|First item|Second item|Third item}}
| {{#invoke:list|bulleted|First item|Second item|Third item}}
| {{#invoke:list|bulleted|First item|Second item|Third item}}
|-
|-
| <code><nowiki>{{#invoke:list|bulleted|First item|Second item|Third item|item_style=color:blue;}}</nowiki></code>
| {{mlc|list|bulleted|First item|Second item|Third item|item_style{{=}}color:blue;}}
| {{#invoke:list|bulleted|First item|Second item|Third item|item_style=color:blue;}}
| {{#invoke:list|bulleted|First item|Second item|Third item|item_style=color:blue;}}
|-
|-
| <code><nowiki>{{#invoke:list|bulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}</nowiki></code>
| {{mlc|list|bulleted|First item|Second item|Third item|item1_style{{=}}background-color:yellow;|item2_style{{=}}background-color:silver;}}
| {{#invoke:list|bulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
| {{#invoke:list|bulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|}
|}
Line 107: Line 107:
! Code !! Result
! Code !! Result
|-
|-
| <code><nowiki>{{#invoke:list|unbulleted|First item|Second item|Third item}}</nowiki></code>
| {{mlc|list|unbulleted|First item|Second item|Third item}}
| {{#invoke:list|unbulleted|First item|Second item|Third item}}
| {{#invoke:list|unbulleted|First item|Second item|Third item}}
|-
|-
| <code><nowiki>{{#invoke:list|unbulleted|First item|Second item|Third item|item_style=color:blue;}}</nowiki></code>
| {{mlc|list|unbulleted|First item|Second item|Third item|item_style{{=}}color:blue;}}
| {{#invoke:list|unbulleted|First item|Second item|Third item|item_style=color:blue;}}
| {{#invoke:list|unbulleted|First item|Second item|Third item|item_style=color:blue;}}
|-
|-
| <code><nowiki>{{#invoke:list|unbulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}</nowiki></code>
| {{mlc|list|unbulleted|First item|Second item|Third item|item1_style{{=}}background-color:yellow;|item2_style{{=}}background-color:silver;}}
| {{#invoke:list|unbulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
| {{#invoke:list|unbulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|}
|}
Line 121: Line 121:
! Code !! Result
! Code !! Result
|-
|-
| <code><nowiki>{{#invoke:list|horizontal|First item|Second item|Third item}}</nowiki></code>
| {{mlc|list|horizontal|First item|Second item|Third item}}
| {{#invoke:list|horizontal|First item|Second item|Third item}}
| {{#invoke:list|horizontal|First item|Second item|Third item}}
|-
|-
| <code><nowiki>{{#invoke:list|horizontal|First item|Second item|Third item|indent=2}}</nowiki></code>
| {{mlc|list|horizontal|First item|Second item|Third item|indent{{=}}2}}
| {{#invoke:list|horizontal|First item|Second item|Third item|indent=2}}
| {{#invoke:list|horizontal|First item|Second item|Third item|indent=2}}
|}
|}
Line 132: Line 132:
! Code !! Result
! Code !! Result
|-
|-
| <code><nowiki>{{#invoke:list|ordered|First item|Second item|Third item}}</nowiki></code>
| {{mlc|list|ordered|First item|Second item|Third item}}
| {{#invoke:list|ordered|First item|Second item|Third item}}
| {{#invoke:list|ordered|First item|Second item|Third item}}
|-
|-
| <code><nowiki>{{#invoke:list|ordered|First item|Second item|Third item|start=3}}</nowiki></code>
| {{mlc|list|ordered|First item|Second item|Third item|start{{=}}3}}
| {{#invoke:list|ordered|First item|Second item|Third item|start=3}}
| {{#invoke:list|ordered|First item|Second item|Third item|start=3}}
|-
|-
| Lowercase [[Roman numerals]]: <code><nowiki>{{#invoke:list|ordered|First item|Second item|Third item|type=i}}</nowiki></code>
| Lowercase [[Roman numerals]]: {{mlc|list|ordered|First item|Second item|Third item|type{{=}}i}}
| {{#invoke:list|ordered|First item|Second item|Third item|type=i}}
| {{#invoke:list|ordered|First item|Second item|Third item|type=i}}
|-
|-
| Lowercase [[Greek alphabet]]: <code><nowiki>{{#invoke:list|ordered|First item|Second item|Third item|list_style_type=lower-greek}}</nowiki></code>
| Lowercase [[Greek alphabet]]: {{mlc|list|ordered|First item|Second item|Third item|list_style_type{{=}}lower-greek}}
| {{#invoke:list|ordered|First item|Second item|Third item|list_style_type=lower-greek}}
| {{#invoke:list|ordered|First item|Second item|Third item|list_style_type=lower-greek}}
|}
|}
Line 149: Line 149:
! Code !! Result
! Code !! Result
|-
|-
| <code><nowiki>{{#invoke:list|horizontal_ordered|First item|Second item|Third item}}</nowiki></code>
| {{mlc|list|horizontal_ordered|First item|Second item|Third item}}
| {{#invoke:list|horizontal_ordered|First item|Second item|Third item}}
| {{#invoke:list|horizontal_ordered|First item|Second item|Third item}}
|-
|-
| <code><nowiki>{{#invoke:list|horizontal_ordered|First item|Second item|Third item|start=3}}</nowiki></code>
| {{mlc|list|horizontal_ordered|First item|Second item|Third item|start{{=}}3}}
| {{#invoke:list|horizontal_ordered|First item|Second item|Third item|start=3}}
| {{#invoke:list|horizontal_ordered|First item|Second item|Third item|start=3}}
|-
|-
| <code><nowiki>{{#invoke:list|horizontal_ordered|First item|Second item|Third item|indent=2}}</nowiki></code>
| {{mlc|list|horizontal_ordered|First item|Second item|Third item|indent{{=}}2}}
| {{#invoke:list|horizontal_ordered|First item|Second item|Third item|indent=2}}
| {{#invoke:list|horizontal_ordered|First item|Second item|Third item|indent=2}}
|}
|}


== Tracking/maintenance category ==
== Tracking/maintenance category ==
* {{c|List templates with deprecated parameters}}
* {{Cat|List templates with deprecated parameters}}


<includeonly>{{sandbox other||{{testcases other||
<includeonly>{{sandbox other||{{testcases other||

Latest revision as of 05:22, 19 June 2023

Light bulb.png }}
It contains usage information, categories and other content that is not part of the original module page.


This module outputs various kinds of lists. At present, it supports bulleted lists, unbulleted lists, horizontal lists, ordered lists (numbered or alphabetical), and horizontal ordered lists. It allows for easy css styling of the list or of the individual list items.

Usage

Quick usage

{{#invoke:list|function|first item|second item|third item|...}}

All parameters

{{#invoke:list|function|first item|second item|third item|...}}

Parameter Description
|start= start number for ordered lists
|type= type of numbering for ordered lists
|list_style_type= type of marker for ordered lists (uses CSS)
|class= class
|style= style
|list_style= style for the list
|item_style= style for all list items
|item1_style=
|item2_style=
...
style for the list item
|item1_value=
|item2_value=
...
value for the list item
|indent= indent for horizontal lists

Arguments passed from parent template

{{#invoke:list|function}}

Functions

Function name Produces Example output Template using the function
bulleted Bulleted lists
  • First item
  • Second item
  • Third item
{{Bulleted list}}
unbulleted Unbulleted lists
  • First item
  • Second item
  • Third item
{{Unbulleted list}}
horizontal Horizontal bulleted lists
  • First item
  • Second item
  • Third item
{{Hlist}}
ordered Ordered lists (numbered lists and alphabetical lists)
  1. First item
  2. Second item
  3. Third item
{{Ordered list}}
horizontal_ordered Horizontal ordered lists
  1. First item
  2. Second item
  3. Third item
{{Horizontal ordered list}}

Parameters

  • Positional parameters (|1=, |2=, |3=...) - these are the list items. If no list items are present, the module will output nothing.
  • |start= - sets the start item for ordered lists. This can be a start number for numbered lists, or a start letter for alphabetical lists. Horizontal ordered lists only support numbers.
  • |type= - the type of marker used in ordered lists. Possible values are "1" for numbers (the default), "A" for uppercase letters, "a" for lowercase letters, "I" for uppercase Roman numerals, and "i" for lowercase Roman numerals. Not supported in horizontal ordered lists. See also the |list_style_type= parameter.
  • |list_style_type= - the type of marker used in ordered lists. This uses CSS styling, and has more types available than the type parameter, which uses an html attribute. Possible values are listed at MDN's list-style-type page. Support may vary by browser. |list-style-type= is an alias for this parameter.
  • |class= - a custom class for the <div>...</div> tags surrounding the list, e.g. plainlinks.
  • |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 list itself. 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.
  • |item1_value=, |item2_value=, |item3_value=... - custom value for the given list item. List items following the one given will increment from the specified value. The value should be a positive integer. (Note that this option only has an effect on ordered lists.)
  • |indent= - this parameter indents the list, for horizontal and horizontal ordered lists only. The value must be a number, e.g. 2. The indent is calculated in em, and is 1.6 times the value specified. If no indent is specified, the default is zero.

Examples

Bulleted lists

Code Result
{{#invoke:list|bulleted|First item|Second item|Third item}}
  • First item
  • Second item
  • Third item
{{#invoke:list|bulleted|First item|Second item|Third item|item_style=color:blue;}}
  • First item
  • Second item
  • Third item
{{#invoke:list|bulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
  • First item
  • Second item
  • Third item

Unbulleted lists

Code Result
{{#invoke:list|unbulleted|First item|Second item|Third item}}
  • First item
  • Second item
  • Third item
{{#invoke:list|unbulleted|First item|Second item|Third item|item_style=color:blue;}}
  • First item
  • Second item
  • Third item
{{#invoke:list|unbulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
  • First item
  • Second item
  • Third item

Horizontal lists

Code Result
{{#invoke:list|horizontal|First item|Second item|Third item}}
  • First item
  • Second item
  • Third item
{{#invoke:list|horizontal|First item|Second item|Third item|indent=2}}
  • First item
  • Second item
  • Third item

Ordered lists

Code Result
{{#invoke:list|ordered|First item|Second item|Third item}}
  1. First item
  2. Second item
  3. Third item
{{#invoke:list|ordered|First item|Second item|Third item|start=3}}
  1. First item
  2. Second item
  3. Third item
Lowercase Roman numerals: {{#invoke:list|ordered|First item|Second item|Third item|type=i}}
  1. First item
  2. Second item
  3. Third item
Lowercase Greek alphabet: {{#invoke:list|ordered|First item|Second item|Third item|list_style_type=lower-greek}}
  1. First item
  2. Second item
  3. Third item

Horizontal ordered lists

Code Result
{{#invoke:list|horizontal_ordered|First item|Second item|Third item}}
  1. First item
  2. Second item
  3. Third item
{{#invoke:list|horizontal_ordered|First item|Second item|Third item|start=3}}
  1. First item
  2. Second item
  3. Third item
{{#invoke:list|horizontal_ordered|First item|Second item|Third item|indent=2}}
  1. First item
  2. Second item
  3. Third item

Tracking/maintenance category