Template:Columns

From DAS Wiki
Template documentation[view] [edit] [history] [purge]

{{Columns}} may be used to create up to 2 (two) columns across a page.

Syntax

Values for col1 and col2, i.e. the contents of the first and second columns, are expected.

{{Columns
| background =   <!-- Background (default is none) -->
| style =        <!-- Use to add extra overall CSS styling -->
| colwidth =     <!-- Width of each column (default 15.0em) -->
| gapbetween =   <!-- Gap (gutter) between each column (default 1.25em) -->
| col1width =    <!-- Use to set a custom width for col1 -->
| col1 =         <!-- (REQUIRED) First column's contents -->
| col2width =    <!-- Use to set a custom width for col2 (and so on) -->
| col2 =         <!-- (REQUIRED) Second column's contents -->
}}

The parameters  colstyle  and  col1style  to  col2style  may also be used to tailor all and/or individual columns' CSS styling.

Examples

Code
{{Columns
| col1 = This is a simple application of the columns template, demonstrating the default column widths
| col2 = and gaps between columns. See the next example for a more customized use of the template.
}}
Result



Code
{{Columns |background=beige |colwidth=8.5em |gap<!--between-->=3.25em

| col1 =
* These
* columns
* are
* more
* complex

| col2 =
The<br />background<br />is<br />beige
}}
Result

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. <section begin="table" />

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.<section end="table" />