HerrHulaHoop (talk | contribs) (Added documentation for lua module) |
HerrHulaHoop (talk | contribs) (Fixed broken links) |
||
(One intermediate revision by the same user not shown) | |||
Line 57: | Line 57: | ||
* Positional parameters (<code>1</code>, <code>2</code>, <code>3</code>...) - these are the list items. If no list items are present, the module will output nothing. | * Positional parameters (<code>1</code>, <code>2</code>, <code>3</code>...) - these are the list items. If no list items are present, the module will output nothing. | ||
* <code>start</code> - 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. | * <code>start</code> - 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. | ||
* <code>type</code> - 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 [ | * <code>type</code> - 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 [https://en.wikipedia.org/wiki/Roman_numerals Roman numerals], and "i" for lowercase Roman numerals. Not supported in horizontal ordered lists. See also the <code>list_style_type</code> parameter. | ||
* <code>list_style_type</code> - the type of marker used in ordered lists. This uses CSS styling, and has more types available than the <code>type</code> parameter, which uses an [ | * <code>list_style_type</code> - the type of marker used in ordered lists. This uses CSS styling, and has more types available than the <code>type</code> parameter, which uses an [https://en.wikipedia.org/wiki/HTML_attribute 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</code> is an alias for this parameter. | ||
* <code>class</code> - a custom class for the | * <code>class</code> - a custom class for the <code>div</code> tags surrounding the list, e.g. <code>plainlinks</code>. | ||
* <code>style</code> - a custom | * <code>style</code> - a custom CSS style for the <code>div</code> tags surrounding the list, e.g. <code>font-size: 90%;</code>. | ||
* <code>list_style</code> - a custom | * <code>list_style</code> - a custom CSS style for the list itself. The format is the same as for the <code>style</code> parameter. | ||
* <code>item_style</code> - a custom | * <code>item_style</code> - a custom CSS style for all of the list items (the <code>li</code> tags). The format is the same as for the <code>style</code> parameter. | ||
* <code>item1_style</code>, <code>item2_style</code>, <code>item3_style</code>... - custom | * <code>item1_style</code>, <code>item2_style</code>, <code>item3_style</code>... - custom CSS styles for each of the list items. The format is the same as for the <code>style</code> parameter. | ||
* <code>item1_value</code>, <code>item2_value</code>, <code>item3_value</code>... - 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.) | * <code>item1_value</code>, <code>item2_value</code>, <code>item3_value</code>... - 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.) | ||
* <code>indent</code> - this parameter indents the list, for horizontal and horizontal ordered lists only. The value must be a number, e.g. <code>2</code>. The indent is calculated in [ | * <code>indent</code> - this parameter indents the list, for horizontal and horizontal ordered lists only. The value must be a number, e.g. <code>2</code>. The indent is calculated in [https://en.wikipedia.org/wiki/Em_(typography) em], and is 1.6 times the value specified. If no indent is specified, the default is zero. | ||
== Examples == | == Examples == | ||
Line 118: | Line 118: | ||
| {{#invoke:list|ordered|First item|Second item|Third item|start=3}} | | {{#invoke:list|ordered|First item|Second item|Third item|start=3}} | ||
|- | |- | ||
| Lowercase [ | | Lowercase [https://en.wikipedia.org/wiki/Roman_numerals Roman numerals]: <code><nowiki>{{#invoke:list|ordered|First item|Second item|Third item|type=i}}</nowiki></code> | ||
| {{#invoke:list|ordered|First item|Second item|Third item|type=i}} | | {{#invoke:list|ordered|First item|Second item|Third item|type=i}} | ||
|- | |- | ||
| Lowercase [ | | Lowercase [https://en.wikipedia.org/wiki/Greek_alphabet Greek alphabet]: <code><nowiki>{{#invoke:list|ordered|First item|Second item|Third item|list_style_type=lower-greek}}</nowiki></code> | ||
| {{#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}} | ||
|} | |} |
Latest revision as of 20:01, 16 March 2024
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''|... |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 = ''style for the first list item'' |item2_style = ''style for the second list item'' |... |item1_value = ''value for the first list item'' |item2_value = ''value for the second list item'' |... |indent = ''indent for horizontal lists'' }}
Arguments passed from parent template
{{#invoke:list|''function''}}
Functions
Function name | Produces | Example output |
---|---|---|
bulleted
|
Bulleted lists |
|
unbulleted
|
Unbulleted lists |
|
horizontal
|
Horizontal bulleted lists |
|
ordered
|
Ordered lists (numbered lists and alphabetical lists) |
|
horizontal_ordered
|
Horizontal ordered lists |
|
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 thelist_style_type
parameter.list_style_type
- the type of marker used in ordered lists. This uses CSS styling, and has more types available than thetype
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 thediv
tags surrounding the list, e.g.plainlinks
.style
- a custom CSS style for thediv
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 thestyle
parameter.item_style
- a custom CSS style for all of the list items (theli
tags). The format is the same as for thestyle
parameter.item1_style
,item2_style
,item3_style
... - custom CSS styles for each of the list items. The format is the same as for thestyle
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}}
|
|
{{#invoke:list|bulleted|First item|Second item|Third item|item_style=color:blue;}}
|
|
{{#invoke:list|bulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|
|
Unbulleted lists
Code | Result |
---|---|
{{#invoke:list|unbulleted|First item|Second item|Third item}}
|
|
{{#invoke:list|unbulleted|First item|Second item|Third item|item_style=color:blue;}}
|
|
{{#invoke:list|unbulleted|First item|Second item|Third item|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|
|
Horizontal lists
Code | Result |
---|---|
{{#invoke:list|horizontal|First item|Second item|Third item}}
|
|
{{#invoke:list|horizontal|First item|Second item|Third item|indent=2}}
|
|
Ordered lists
Code | Result |
---|---|
{{#invoke:list|ordered|First item|Second item|Third item}}
|
|
{{#invoke:list|ordered|First item|Second item|Third item|start=3}}
|
|
Lowercase Roman numerals: {{#invoke:list|ordered|First item|Second item|Third item|type=i}}
|
|
Lowercase Greek alphabet: {{#invoke:list|ordered|First item|Second item|Third item|list_style_type=lower-greek}}
|
|
Horizontal ordered lists
Code | Result |
---|---|
{{#invoke:list|horizontal_ordered|First item|Second item|Third item}}
|
|
{{#invoke:list|horizontal_ordered|First item|Second item|Third item|start=3}}
|
|
{{#invoke:list|horizontal_ordered|First item|Second item|Third item|indent=2}}
|
|
Attribution and re-use
This module (along with its documentation page) has been adapted from Wikipedia released under the Creative Commons Attribution-ShareAlike License 4.0.