Template:Col list/doc: Difference between revisions

From HIBIKIFORUM
Jump to navigation Jump to search
(Created page with "{{Documentation subpage}} {{Support|Template:Div col}} This template is used as a wrapper for {{tl|Cast listing}} and {{tl|Listing}} to create a multiple column list. It automatically breaks the available screen space into equal parts, meaning, for instance, that it is not necessary to guess how many columns to use and then figure out the dividing point(s), e.g., the halfway point to divide the list into two columns, or the one-third and two-thirds points to divide the...")
 
mNo edit summary
Line 9: Line 9:
=== Examples ===
=== Examples ===
<div style="float:right;width:50%">
<div style="float:right;width:50%">
{{Listing|
{{Col list|
* Apple
* Apple
* Pear
* Pear
Line 17: Line 17:
}}</div>
}}</div>


{{Pre|width=25%|{{{{fcb|#4169e1|Listing}}|
{{Pre|width=25%|{{{{fcb|#4169e1|Col list}}|
* Apple
* Apple
* Pear
* Pear
Line 28: Line 28:
'''An example using {{para|colwidth}}'''
'''An example using {{para|colwidth}}'''
<div style="float:right;width:50%">
<div style="float:right;width:50%">
{{Listing|colwidth=10|
{{Col list|colwidth=10|
* Apple
* Apple
* Pear
* Pear
Line 36: Line 36:
}}</div>
}}</div>


{{Pre|width=25%|{{{{fcb|#4169e1|Listing}}|{{fcb|#2e8b57|colwidth}}{{=}}{{font color|#933|10}}|
{{Pre|width=25%|{{{{fcb|#4169e1|Col list}}|{{fcb|#2e8b57|colwidth}}{{=}}{{font color|#933|10}}|
* Apple
* Apple
* Pear
* Pear

Revision as of 03:43, 7 August 2023

Light bulb.png }}
It contains usage information, categories and other content that is not part of the original template page.

This template is used as a wrapper for {{Cast listing}} and {{Listing}} to create a multiple column list. It automatically breaks the available screen space into equal parts, meaning, for instance, that it is not necessary to guess how many columns to use and then figure out the dividing point(s), e.g., the halfway point to divide the list into two columns, or the one-third and two-thirds points to divide the list into three columns. The default value for the column width is 30em, to change this value use |colwidth=#.

Notice

This template uses CSS3 multiple column layout and is not supported by all Web browsers.

Examples

  • Apple
  • Pear
  • Tomato
  • Green Bean
  • Corn
{{Col list|
* Apple
* Pear
* Tomato
* Green Bean
* Corn
}}

An example using |colwidth=

  • Apple
  • Pear
  • Tomato
  • Green Bean
  • Corn
{{Col list|colwidth=10|
* Apple
* Pear
* Tomato
* Green Bean
* Corn
}}

TemplateData

Formats a list into columns that automatically space for the given screen size.

Template parameters

ParameterDescriptionTypeStatus
Column Widthcolwidth

To increase the width of the columns manually, so as to avoid names from breaking into multiple lines.

Default
30
Numberoptional