Template:Columns-list

From imedwiki
Jump to navigation Jump to search
Template documentation[view] [edit] [history] [purge]

Template:Columns-list 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

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.

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

Here is an example:

{{columns-list|colwidth=35em|
* [[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|class=plainlist|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

Tracking category

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.

Column templates
Type Family
Handles wiki
 table code?dagger
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}} {{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}}

dagger 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.

Script error: No such module "navbox top and bottom".

Flat
Page Template:Mono/styles.css has no content.{{hlist}}
{{hlist|item1 |item2 |...}}

  • item1
  • item2
  • ...
Page Template:Mono/styles.css has no content.{{flatlist}}
{{flatlist|
* item1
* item2
* ...}}

  • item1
  • item2
  • ...
Page Template:Mono/styles.css has no content.{{cslist}}
{{cslist|item1 |item2 |...}}

Page Template:Cslist/styles.css has no content.Script error: No such module "Cslist".

Bulleted and Ordered
Page Template:Mono/styles.css has no content.{{bulleted list}}
{{bulleted list|item1 |item2 |...}}

  • item1
  • item2
  • ...
Page Template:Mono/styles.css has no content.{{ordered list}}
{{Ordered list|list_style_type=lower-alpha |first |second |...}}

  1. first
  2. second
  3. ...
Unbulleted
Page Template:Mono/styles.css has no content.{{unbulleted list}}
{{unbulleted list|item1 |item2 |...}}

  • item1
  • item2
  • ...
Page Template:Mono/styles.css has no content.{{plainlist}}
{{plainlist|
* item1
* item2
* ...}}

  • item1
  • item2
  • ...
Page Template:Mono/styles.css has no content.{{glossary}}
(glossary, description, definition, association)
{{glossary}}

{{term|first term}} {{defn|first description}}
{{term|second term}} {{defn|second description}}
{{term|...}} {{defn|....}}
Page Template:Mono/styles.css has no content.{{glossary end}}


first term
first description
second term
second description
...
....
Other
Page Template:Mono/styles.css has no content.{{flowlist}}
[[File:Bad Title Example.png|left|thumb|100px]]

{{flowlist|
*item1
*item2
*...}}


Bad Title Example.png
Page Template:Flowlist/styles.css has no content.
  • item1
  • item2
  • ...
Page Template:Mono/styles.css has no content.{{columns-list}}
{{columns-list|colwidth=5em|
# first
# second
# third
# ...}}

  1. first
  2. second
  3. third
  4. ...
Page Template:Mono/styles.css has no content.{{colored list}}
{{colored list|item1 |item2 |item3 |...}}

Script error: No such module "Colored list".

Script error: No such module "navbox top and bottom".

This template is based (in parts) on the Template:Columns-list from the free encyclopedia wikipedia and is licensed under GNU license for free documentation and the Creative Commons Attribution/Share Alike. On wikipedia there is a List of authors accessible. More about importing from wikipedia on page Imedwiki:Importing from wikipedia.