Difference between revisions of "Template:Columns/doc"

From blackwiki
Jump to navigation Jump to search
imported>Meteor sandwich yum
m (nn)
imported>Sardanaphalus
(colstyle/colNstyle mention)
Line 20: Line 20:
 
}}
 
}}
 
</pre>
 
</pre>
 +
 +
The parameters &nbsp;''<code>colstyle</code>''&nbsp; and &nbsp;''<code>col1style</code>''&nbsp; to &nbsp;''<code>col10style</code>''&nbsp; may also be used to tailor all and/or individual columns' CSS styling.
  
 
== Examples ==
 
== Examples ==

Revision as of 03:28, 8 February 2014

Template in the vein of navbox templates such as {{Navbox}} to aid the creation of (up to ten) columns across a page.

Syntax

{{columns
|bgcol     =       <!--Background colo(u)r (default none)-->
|colwidth  =       <!--Width of each column (default 15em)-->
|gap       =       <!--Gap between each column (default 1.25em)-->
|col1width =       <!--use to set a different width for col1-->
|col1      =       <!--mandatory-->
|col2width =       <!--use to set a different width for col2 (etc)-->
|col2      =       <!--mandatory-->
|col3width = 
|col3      = 
...
|col7width = 
|col7      = 
}}

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

Examples

Code
{{columns
|col1 = Simplest<br/>application<br/>of
|col2 = this<br/>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.25em
{{!}}}
}}
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" />