Difference between revisions of "Template:Columns-list/doc"
imported>Funandtrvl (add tmp) |
imported>Frietjes |
||
| Line 1: | Line 1: | ||
{{Documentation subpage}} | {{Documentation subpage}} | ||
| − | <!-- PLEASE ADD CATEGORIES | + | <!-- PLEASE ADD CATEGORIES AT THE BOTTOM OF THIS PAGE --> |
{{Hatnote|Not to be confused with [[Template:Col-list]] | {{Hatnote|Not to be confused with [[Template:Col-list]] | ||
}} | }} | ||
| Line 11: | Line 11: | ||
If the number of columns is omitted, two columns will be used. | If the number of columns is omitted, two columns will be used. | ||
| + | |||
| + | Alternatively, the width of each column may be specified using | ||
| + | <nowiki>{{</nowiki>columns-list|colwidth=''width''| | ||
| + | ''text (usually a list)'' | ||
| + | <nowiki>}}</nowiki> | ||
| + | Here, ''width'' specifies the width of the columns, and determined dynamically the number of columns based on screen width; more columns will be shown on wider displays. This overrides the cols= setting. | ||
This template uses CSS3 multiple column layout and is not supported by all browsers. | This template uses CSS3 multiple column layout and is not supported by all browsers. | ||
| Line 30: | Line 36: | ||
{{columns-list|2| | {{columns-list|2| | ||
| + | * [[George Washington]] | ||
| + | * [[John Adams]] | ||
| + | * [[Thomas Jefferson]] | ||
| + | * [[James Madison]] | ||
| + | * [[James Monroe]] | ||
| + | }} | ||
| + | |||
| + | |||
| + | <nowiki>{{columns-list|colwidth=15em| | ||
| + | * [[George Washington]] | ||
| + | * [[John Adams]] | ||
| + | * [[Thomas Jefferson]] | ||
| + | * [[James Madison]] | ||
| + | * [[James Monroe]] | ||
| + | }}</nowiki> | ||
| + | |||
| + | which would render as | ||
| + | |||
| + | {{columns-list|colwidth=15em| | ||
* [[George Washington]] | * [[George Washington]] | ||
* [[John Adams]] | * [[John Adams]] | ||
| Line 77: | Line 102: | ||
<includeonly> | <includeonly> | ||
| − | <!-- CATEGORIES | + | <!-- CATEGORIES HERE, THANKS --> |
[[Category:Table and column templates]] | [[Category:Table and column templates]] | ||
</includeonly> | </includeonly> | ||
Revision as of 22:59, 8 November 2013
| 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 is intended to be used in a list in the article itself, 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
Usage
{{columns-list|number of columns|
text (usually a list)
}}
If the number of columns is omitted, two columns will be used.
Alternatively, the width of each column may be specified using
{{columns-list|colwidth=width|
text (usually a list)
}}
Here, width specifies the width of the columns, and determined dynamically the number of columns based on screen width; more columns will be shown on wider displays. This overrides the cols= setting.
This template uses CSS3 multiple column layout and is not supported by all 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
An example would be
{{columns-list|2|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}
which would render as
{{columns-list|colwidth=15em|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}
which would render as
CSS styles can also be added after the number of columns. For example
{{columns-list|2|style=width:400px;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
Redirects
See also
Column-generating template families
| Caution | 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?File:Dagger-14-plain.png |
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}} |
File:Dagger-14-plain.png 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" />
References