Difference between revisions of "Template:Columns-list/doc"

From blackwiki
Jump to navigation Jump to search
imported>Plastikspork
(Now deleted)
imported>Frietjes
Line 92: Line 92:
 
* {{tl|cmn}}
 
* {{tl|cmn}}
 
* {{tl|collist}}
 
* {{tl|collist}}
 +
* {{tl|col-list}}
  
 
== See also ==
 
== See also ==

Revision as of 20:44, 18 November 2013

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.

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.

CSS3 multiple-column layout browser support
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

2
The unnamed parameter 2= is no longer supported. Please see the documentation for {{columns-list}}.


{{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

<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