Template:Columns-list/doc

From K6ka's Wiki
Jump to navigation Jump to search

Lua-Logo.svg
This template uses Lua

This template allows lists to be displayed across multiple columns. This is useful for very long lists that would otherwise take up a lot of vertical space.

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.

Examples[edit]

Here is an example:

{{columns-list|colwidth=35em|
* George Washington
* John Adams
* Thomas Jefferson
* James Madison
* James Monroe
}}

which would render as:

  • George Washington
  • John Adams
  • Thomas Jefferson
  • James Madison
  • James Monroe

CSS styles can also be added with the |style= parameter. For example:

{{columns-list|colwidth=15em|style=width: 600px; font-style: italic;|
* All About Lily Chou-Chou
* April Story
* Hana & Alice
* Hōtai Club
* The Kon Ichikawa Story
* Love Letter
* New York, I Love You
* Picnic
* Rainbow Song
* Swallowtail
}}

which would render as:

  • All About Lily Chou-Chou
  • April Story
  • Hana & Alice
  • Hōtai Club
  • The Kon Ichikawa Story
  • Love Letter
  • New York, I Love You
  • Picnic
  • Rainbow Song
  • Swallowtail

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
}}
  1. George Washington
  2. John Adams
  3. Thomas Jefferson
  4. James Madison
  5. 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.

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.

Tracking categories[edit]

Credits[edit]

This template's code and documentation were taken from the English Wikipedia.