Template:Columns/doc

From blackwiki
< Template:Columns
Revision as of 20:27, 5 June 2014 by imported>Salton Finneger (→‎Examples: Made example not force line breaks, so default column width and gap were visible.)
Jump to navigation Jump to search

Template to aid the creation of (up to ten) columns across a page.

Syntax

{{columns
|background =      <!-- Background colo(u)r (default none) -->
|style =           <!-- Use to add extra overall CSS styling -->
|colwidth =        <!-- Width of each column (default 15.0em) -->
|gap =             <!-- Gap (gutter) between each column (default 1.25em) -->
|col1width =       <!-- Use to set a different width for col1 -->
|col1 =            <!-- First column's contents (mandatory) -->
|col2width =       <!-- Use to set a different width for col2 (and so on) -->
|col2 =            <!-- Second column's contents (mandatory) -->
|col3width =
|col3 =
...
|col10width =
|col10 =
}}

The parameters  colstyle  and  col1style  to  col10style  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 example below for a more customized use of the template.
}}
Result




Code
{{columns |bgcol=beige |width=8.5em |gap=3.25em

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

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

|col3 =
; Each : column
; is   : 8.5 [[Em (typography)|''em'']]
; wide

|col4 =
{{{!}}
!colspan="2"{{!}} and
{{!-}}
{{!}} the {{!!}} gap
{{!-}}
{{!}}colspan="2"{{!}} between
{{!-}}
{{!}} each {{!!}} is
{{!-}}
!colspan="2" align="center"{{!}} 3.25 ''em''
{{!}}}
}}
Result

See also

Column-generating template families

<section begin="table" />

Family Type
Handles wiki
 table code?Script error: No such module "If empty".
Responsive/
Mobile suited
Start template Column divider End template
"Col" Table Yes Yes {{Col-begin}},
{{Col-begin-fixed}} or
{{Col-begin-small}}
{{Col-break}} or
{{Col-2}} .. {{Col-5}}
{{Col-end}}
"Col-float" CSS float Yes Yes {{Col-float}} {{Col-float-break}} {{Col-float-end}}
"Columns" Table No Yes {{Columns}}
"Columns-list" CSS columns Yes Yes {{Columns-list}} (wrapper)
"Columns-start" CSS float Yes Yes {{Columns-start}} {{Column}} {{Columns-end}}
"Flex columns" CSS flexbox Yes Yes {{Flex columns}}
"Div col" CSS columns Yes Yes {{Div col}} {{Div col end}}

Script error: No such module "If empty". I.e., 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" />