Template:Columns list/sandbox
 | This is the template sandbox page for Template:Columns list (diff). See also the companion subpage for test cases. |
 | This template uses Lua: |
 | This template is used on approximately 14,000 pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them. |
This template turns a list into a list with columns. It is a wrapper for {{div col}}, except it wraps the template by allowing for the content to be in the template rather than above and below.
Use
[edit]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) | ≥ 50 (2016) | ≥ 37 (2016) |
Examples
[edit]Here is an example:
{{columns list|colwidth=25em|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}
which would render as:
HTML classes and CSS styles can also be added with the |class= and |style= parameters. 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
[edit]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.
This template may cause pages to exceed the post-expand include size limit if used on large lists. If so, use {{div col}} and {{div col end}} instead.
Tracking category
[edit]- Category:Pages using columns list with unknown parameters (0) (for pages in article space only)
See also
[edit]Column-generating template families
[edit]The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a <div>...</div> open, potentially harming any subsequent formatting.
| Type | Family | Handles wiki table code?† |
Responsive/ mobile suited |
Start template | Column divider | End template |
|---|---|---|---|---|---|---|
| Float | "col-float" | Yes | Yes | {{col-float}} | {{col-float-break}} | {{col-float-end}} |
| "columns-start" | Yes | Yes | {{columns-start}} | {{column}} | {{columns-end}} | |
| Columns | "div col" | Yes | Yes | {{div col}} | instead use {{no col break}} | {{div col end}} |
| "columns list" | No | Yes | {{columns list}} (wraps div col) | — | — | |
| Flexbox | "flex columns" | No | Yes | {{flex columns}} | — | — |
| Table | "col" | Yes | No | {{col-begin}}, {{col-begin-fixed}} or {{col-begin-small}} |
{{col-break}} or {{col-2}} .. {{col-5}} |
{{col-end}} |
† Can the template handle the basic wiki markup {| | || |- |} used to create tables? If not, special templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) or HTML tags (<table>...</table>, <tr>...</tr>, etc.) need to be used instead.
HTML lists | ||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||||||
Turns a list into a list with columns. It is a wrapper for {{div col}}, except it wraps the template by allowing for the content to be in the template rather than above and below.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Content | 1 | Specifies the content to divide into columns | String | optional |
| Columns / Column width | colwidth | Specifies the width of columns, and determines dynamically the number of columns based on screen width; more columns will be shown on wider displays.
| String | optional |
| CSS style | style | Specifies any custom styling.
| String | optional |
| HTML class | class | Specifies any class or multiple space-delimited classes.
| String | optional |