Difference between revisions of "Module:List/doc"

From Summertime Saga Wiki
Jump to: navigation, search
m
m (Parameters)
 
(4 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
== Usage ==
 
== Usage ==
  
; Quick usage
+
: <code>&#123;&#123;#invoke:list|{{var|function}}|{{var|first item}}|{{var|second item}}|{{var|third item}}|…&#125;&#125;</code>
  
<code>&#123;&#123;#invoke:list{{!}}{{var|function}}{{!}}{{var|first item}}{{!}}{{var|second item}}<nowiki>|</nowiki>{{var|third item}}{{!}}…&#125;&#125;</code>
+
=== Parameters ===
  
; All parameters
+
; Positional parameters ({{para|1}}, {{para|2}}, {{para|3}}, etc.) : These are the list items. If no list items are present, the module will output nothing.
 
+
; {{para|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.
; {{para|start}} : Start number for ordered lists
+
; {{para|type}} : The type of marker used in ordered lists. Possible values are {{code|1}} for numbers (default), {{code|A}} for uppercase letters, {{code|a}} for lowercase letters, {{code|I}} for uppercase Roman numerals, and {{code|i}} for lowercase Roman numerals. Not supported in horizontal ordered lists. See also the {{para|list_style_type}} parameter.
; {{para|type}} : Type of numbering for ordered lists
+
; {{para|list_style_type}} : The type of marker used in ordered lists. This uses CSS styling, and has more types available than the {{para|type}} parameter, which uses an HTML attribute. Possible values are listed at [https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type MDN's list-style-type page]. Support may vary by browser. {{para|list-style-type}} is an alias for this parameter.
; {{para|list_style_type}} : Type of marker for ordered lists (uses CSS)
+
; {{para|class}} : A custom class for the {{tag|div}} tags surrounding the list, e.g. {{code|plainlinks}}.
; {{para|class}} : Class
+
; {{para|style}} : A custom CSS style for the {{tag|div}} tags surrounding the list, e.g. {{code|font-size:90%;}}.
; {{para|style}} : Style
+
; {{para|list_style}} : A custom CSS style for the list itself. The format is the same as for the {{para|style}} parameter.
; {{para|list_style}} : Style for the list
+
; {{para|item_style}} : A custom CSS style for all of the list items (the {{tag|li}} tags). The format is the same as for the {{para|style}} parameter.
; {{para|item_style}} : Style for all list items
+
; {{para|item{{var|[n]}}_style}} : Custom CSS styles for each of the list items. The format is the same as for the {{para|style}} parameter.
; {{para|item{{var|[n]}}_style}} : Style for the list item {{var|[n]}}
+
; {{para|item{{var|[n]}}_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.
; {{para|item{{var|[n]}}_value}} : Value for the list item {{var|[n]}}
+
; {{para|indent}} : This parameter indents the list, for horizontal and horizontal ordered lists only. The value must be a number, e.g. {{code|2}}. The indent is calculated in em and is 1.6 times the value specified. If no indent is specified, the default is zero.
; {{para|indent}} : Indent for horizontal lists
 
  
; Arguments passed from parent template
+
=== Arguments passed from parent template ===
  
<code><nowiki>{{</nowiki>#invoke:list<nowiki>|</nowiki>''function''<nowiki>}}</nowiki></code>
+
: <code>&#123;&#123;#invoke:list|{{var|function}}&#125;&#125;</code>
  
 
{| class="wikitable"
 
{| class="wikitable"
Line 28: Line 27:
 
|-
 
|-
 
! Function name
 
! Function name
! Produces
+
! Style
! Example output
+
! Renders as
 
! Template using the function
 
! Template using the function
 
|-
 
|-
Line 35: Line 34:
 
| Bulleted lists
 
| Bulleted lists
 
| {{#invoke:list|bulleted|First item|Second item|Third item}}
 
| {{#invoke:list|bulleted|First item|Second item|Third item}}
| {{tlg|code=yes|bulleted list}}
+
| {{tlg|nolink=yes|bulleted list}}
 
|-
 
|-
 
| {{code|unbulleted}}
 
| {{code|unbulleted}}
 
| Unbulleted lists
 
| Unbulleted lists
 
| {{#invoke:list|unbulleted|First item|Second item|Third item}}
 
| {{#invoke:list|unbulleted|First item|Second item|Third item}}
| {{tlg|code=yes|unbulleted list}}
+
| {{tlg|nolink=yes|unbulleted list}}
 
|-
 
|-
 
| {{code|horizontal}}
 
| {{code|horizontal}}
 
| Horizontal bulleted lists
 
| Horizontal bulleted lists
 
| {{#invoke:list|horizontal|First item|Second item|Third item}}
 
| {{#invoke:list|horizontal|First item|Second item|Third item}}
| {{tlg|code=yes|hlist}}
+
| {{tlg|nolink=yes|hlist}}
 
|-
 
|-
 
| {{code|ordered}}
 
| {{code|ordered}}
 
| Ordered lists (numbered lists and alphabetical lists)
 
| Ordered lists (numbered lists and alphabetical lists)
 
| {{#invoke:list|ordered|First item|Second item|Third item}}
 
| {{#invoke:list|ordered|First item|Second item|Third item}}
| {{tlg|code=yes|ordered list}}
+
| {{tlg|nolink=yes|ordered list}}
 
|-
 
|-
 
| {{code|horizontal_ordered}}
 
| {{code|horizontal_ordered}}
Line 57: Line 56:
 
|
 
|
 
|}
 
|}
 
== Parameters ==
 
 
; Positional parameters ({{para|1}}, {{para|2}}, {{para|3}}, etc.) : These are the list items. If no list items are present, the module will output nothing.
 
; {{para|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.
 
; {{para|type}} : The type of marker used in ordered lists. Possible values are {{code|1}} for numbers (default), {{code|A}} for uppercase letters, {{code|a}} for lowercase letters, {{code|I}} for uppercase Roman numerals, and {{code|i}} for lowercase Roman numerals. Not supported in horizontal ordered lists. See also the {{para|list_style_type}} parameter.
 
; {{para|list_style_type}} : The type of marker used in ordered lists. This uses CSS styling, and has more types available than the {{para|type}} parameter, which uses an HTML attribute. Possible values are listed at [https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type MDN's list-style-type page]. Support may vary by browser. {{code|list-style-type}} is an alias for this parameter.
 
; {{para|class}} : A custom class for the {{tag|div}} tags surrounding the list, e.g. {{code|plainlinks}}.
 
; {{para|style}} : A custom CSS style for the {{tag|div}} tags surrounding the list, e.g. {{code|font-size:90%;}}.
 
; {{para|list_style}} : A custom CSS style for the list itself. The format is the same as for the {{para|style}} parameter.
 
; {{para|item_style}} : A custom CSS style for all of the list items (the {{tag|li}} tags). The format is the same as for the {{para|style}} parameter.
 
; {{para|item1_style}}, {{para|item2_style}}, {{para|item3_style}}, etc. : Custom CSS styles for each of the list items. The format is the same as for the {{para|style}} parameter.
 
; {{para|item1_value}}, {{para|item2_value}}, {{para|item3_value}}, etc. : 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.)
 
; {{para|indent}} : This parameter indents the list, for horizontal and horizontal ordered lists only. The value must be a number, e.g. {{code|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 ==
 
== Examples ==

Latest revision as of 16:27, 24 July 2020

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

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

Parameters

Positional parameters (|1=, |2=, |3=, etc.) 
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 (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.
|item[n]_style= 
Custom CSS styles for each of the list items. The format is the same as for the |style= parameter.
|item[n]_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.

Arguments passed from parent template

{{#invoke:list|function}}
Functions
Function name Style Renders as 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

Examples

Markup Renders as
Bulleted lists
{{#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
Markup Renders as
Unbulleted lists
{{#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
Markup Renders as
Horizontal lists
{{#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
Markup Renders as
Ordered lists
{{#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
{{#invoke:list|ordered|First item|Second item|Third item|type=i}
  1. First item
  2. Second item
  3. Third item
{{#invoke:list|ordered|First item|Second item|Third item|list_style_type=lower-greek}}
  1. First item
  2. Second item
  3. Third item
Markup Renders as
Horizontal ordered lists
{{#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