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

From blackwiki
Jump to navigation Jump to search
imported>Funandtrvl
(add tmp)
imported>Frietjes
Line 1: Line 1:
 
{{Documentation subpage}}
 
{{Documentation subpage}}
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->
+
<!-- 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 AND INTERWIKIS HERE, THANKS -->
+
<!-- CATEGORIES HERE, THANKS -->
 
[[Category:Table and column templates]]
 
[[Category:Table and column templates]]
 
</includeonly>
 
</includeonly>

Revision as of 22:59, 8 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