Difference between revisions of "Template:Columns-list/doc"
imported>Ahecht |
imported>WOSlinker m (change source to syntaxhighlight) |
||
| Line 22: | Line 22: | ||
=== Examples === | === Examples === | ||
Here is an example: | Here is an example: | ||
| − | < | + | <syntaxhighlight lang=text>{{columns-list|colwidth=35em| |
* [[George Washington]] | * [[George Washington]] | ||
* [[John Adams]] | * [[John Adams]] | ||
| Line 28: | Line 28: | ||
* [[James Madison]] | * [[James Madison]] | ||
* [[James Monroe]] | * [[James Monroe]] | ||
| − | }}</ | + | }}</syntaxhighlight> |
which would render as: | which would render as: | ||
| Line 42: | Line 42: | ||
[[CSS]] styles can also be added with the {{para|style}} parameter. For example: | [[CSS]] styles can also be added with the {{para|style}} parameter. For example: | ||
| − | < | + | <syntaxhighlight lang=text>{{columns-list|colwidth=15em|style=width: 600px; font-style: italic;| |
* [[All About Lily Chou-Chou]] | * [[All About Lily Chou-Chou]] | ||
* [[April Story]] | * [[April Story]] | ||
| Line 53: | Line 53: | ||
* [[Rainbow Song]] | * [[Rainbow Song]] | ||
* [[Swallowtail (film)|Swallowtail]] | * [[Swallowtail (film)|Swallowtail]] | ||
| − | }}</ | + | }}</syntaxhighlight> |
which would render as: | which would render as: | ||
| Line 71: | Line 71: | ||
This template also works with numbered lists as its "text". For example: | This template also works with numbered lists as its "text". For example: | ||
| − | < | + | <syntaxhighlight lang=text> |
{{columns-list|colwidth=35em| | {{columns-list|colwidth=35em| | ||
# [[George Washington]] | # [[George Washington]] | ||
| Line 79: | Line 79: | ||
# [[James Monroe]] | # [[James Monroe]] | ||
}} | }} | ||
| − | </ | + | </syntaxhighlight> |
{{columns-list|colwidth=35em| | {{columns-list|colwidth=35em| | ||
Latest revision as of 12:56, 7 July 2020
| This is a documentation subpage for Template:Columns-list. It contains usage information, categories and other content that is not part of the original template page. |
| This template uses Lua: |
This template is for use in a list in the body of an article, rather than in a navigation template like Template:Navbox. Based on Template:Reflist, but different in that the text to be displayed is manually created rather than a list of references.
Contents
Use
The width of each column may be specified using |colwidth= and a value in ems.
{{columns-list|colwidth=width|
Text (usually a list)
}}
Here, width specifies the width of the columns, and determines dynamically the number of columns based on screen width; more columns will be shown on wider displays.
If |colwidth= is not specified, the default width of 30em will be used.
This template uses CSS3 multiple-column layout, which is not supported by all Web browsers.
| Property | Internet Explorer |
Firefox | Safari | Chrome | Opera |
|---|---|---|---|---|---|
| column-width column-count |
≥ 10 (2012) |
≥ 1.5 (2005) |
≥ 3 (2007) |
≥ 1 (2008) |
≥ 11.1 (2011) |
| columns | ≥ 10 (2012) |
≥ 9 (2011) |
≥ 3 (2007) |
≥ 1 (2008) |
≥ 11.1 (2011) |
| break-before break-after break-inside |
≥ 10 (2012) |
≥ 65 (2019) |
≥ 10 (2016) |
≥ 65 (2016) |
≥ 15 (2013) |
Examples
Here is an example:
{{columns-list|colwidth=35em|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}
which would render as:
CSS styles can also be added with the |style= parameter. For example:
{{columns-list|colwidth=15em|style=width: 600px; font-style: italic;|
* [[All About Lily Chou-Chou]]
* [[April Story]]
* [[Hana and Alice|Hana & Alice]]
* [[Hōtai Club]]
* [[The Kon Ichikawa Story]]
* [[Love Letter (1995 film)|Love Letter]]
* [[New York, I Love You]]
* [[Picnic (1996 film)|Picnic]]
* [[Rainbow Song]]
* [[Swallowtail (film)|Swallowtail]]
}}
which would render as:
This template also works with numbered lists as its "text". For example:
{{columns-list|colwidth=35em|
# [[George Washington]]
# [[John Adams]]
# [[Thomas Jefferson]]
# [[James Madison]]
# [[James Monroe]]
}}
The template, in fact, works with everything since all it does is wrap the text provided around a block to be divided into columns by CSS. Do not stop at wikitext lists – more advanced lists generated by the HTML templates will work too!
Error messages
Use of the no-longer-supported parameter |cols=, or use of the first unnamed parameter (aka |1=) along with |2= or a second unnamed parameter for the template's content, will generate a red error message. To fix this error, use |colwidth= instead of attempting to specify the number of columns.
The presence of an equals sign within the template's content can also cause display problems and red error messages. To fix this problem, add |1= in front of the template's content.
Redirects
- {{cmn}}
- {{collist}}
- {{col-list}}
- {{Columnslist}}
Tracking category
- Category:Pages using columns-list with unknown parameters (0) (for pages in article space only)
See also
Column-generating template families
| The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a HTML "div" (division) open, potentially harming any subsequent formatting. |
<section begin="table" />
| Family | Type | Handles wiki
table code? |
Responsive/ Mobile suited |
Start template | Column divider | End template |
|---|---|---|---|---|---|---|
| "Col" | Table | Yes | Yes | {{Col-begin}}, {{Col-begin-fixed}} or {{Col-begin-small}} |
{{Col-break}} or {{Col-2}} .. {{Col-5}} |
{{Col-end}} |
| "Col-float" | CSS float | Yes | Yes | {{Col-float}} | {{Col-float-break}} | {{Col-float-end}} |
| "Columns" | Table | No | Yes | {{Columns}} | – | – |
| "Columns-list" | CSS columns | Yes | Yes | {{Columns-list}} (wrapper) | – | – |
| "Columns-start" | CSS float | Yes | Yes | {{Columns-start}} | {{Column}} | {{Columns-end}} |
| "Flex columns" | CSS flexbox | Yes | Yes | {{Flex columns}} | – | – |
| "Div col" | CSS columns | Yes | Yes | {{Div col}} | – | {{Div col end}} |
I.e., can the columns handle the wiki markup {| | || |- |} used to create tables? If not, templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) or HTML tags (<table>...</table>, <tr>...</tr>, etc.) will need to be used instead.<section end="table" />