Difference between revisions of "Module:Column-generating template families"

From blackwiki
Jump to navigation Jump to search
blackwiki>TheDJ
(add flexbox columns)
blackwiki>TheDJ
(add some info on responsiveness)
Line 7: Line 7:
 
  ! Type
 
  ! Type
 
  ! {{longitem|Handles wiki <br/>&nbsp;table code?{{sup|{{dagger}}}}}}
 
  ! {{longitem|Handles wiki <br/>&nbsp;table code?{{sup|{{dagger}}}}}}
 +
! Responsive/<br>Mobile suited
 
  ! Start template
 
  ! Start template
 
  ! Column divider
 
  ! Column divider
Line 13: Line 14:
 
  | style="text-align:center;" | "Flex columns"
 
  | style="text-align:center;" | "Flex columns"
 
  | CSS flexbox
 
  | CSS flexbox
 +
| {{yes}}
 +
| {{yes}}
 
  | {{yes}}
 
  | {{yes}}
 
  | {{tl|Flex columns}}
 
  | {{tl|Flex columns}}
Line 21: Line 24:
 
  | Table
 
  | Table
 
  | {{yes}}
 
  | {{yes}}
 +
| {{no}}
 
  | {{tl|Col-begin}}, <br/>{{tl|Col-begin-fixed}} or<br/>{{tl|Col-begin-small}}
 
  | {{tl|Col-begin}}, <br/>{{tl|Col-begin-fixed}} or<br/>{{tl|Col-begin-small}}
 
  | {{tl|Col-break}} or<br/>{{tl|Col-2}} .. {{tl|Col-5}}
 
  | {{tl|Col-break}} or<br/>{{tl|Col-2}} .. {{tl|Col-5}}
Line 27: Line 31:
 
  | style="text-align:center;" | "Col-float"
 
  | style="text-align:center;" | "Col-float"
 
  | CSS float
 
  | CSS float
 +
| {{yes}}
 
  | {{yes}}
 
  | {{yes}}
 
  | {{tl|Col-float}}
 
  | {{tl|Col-float}}
Line 34: Line 39:
 
  | style="text-align:center;" | "Columns"
 
  | style="text-align:center;" | "Columns"
 
  | Table
 
  | Table
 +
| {{no}}
 
  | {{no}}
 
  | {{no}}
 
  | {{tl|Columns}}
 
  | {{tl|Columns}}
Line 41: Line 47:
 
  | style="text-align:center;" | "Columns-list"
 
  | style="text-align:center;" | "Columns-list"
 
  | CSS columns
 
  | CSS columns
 +
| {{yes}}
 
  | {{yes}}
 
  | {{yes}}
 
  | {{tl|Columns-list}} (wrapper)
 
  | {{tl|Columns-list}} (wrapper)
Line 48: Line 55:
 
  | style="text-align:center;" | "Columns-start"
 
  | style="text-align:center;" | "Columns-start"
 
  | CSS float
 
  | CSS float
 +
| {{yes}}
 
  | {{yes}}
 
  | {{yes}}
 
  | {{tl|Columns-start}}
 
  | {{tl|Columns-start}}
Line 55: Line 63:
 
  | style="text-align:center;" | "Div col"
 
  | style="text-align:center;" | "Div col"
 
  | CSS columns
 
  | CSS columns
 +
| {{yes}}
 
  | {{yes}}
 
  | {{yes}}
 
  | {{tl|Div col}}
 
  | {{tl|Div col}}

Revision as of 12:40, 14 May 2020

Column-generating template families

<section begin="table" />

Family Type
Handles wiki
 table code?File:Dagger-14-plain.png
Responsive/
Mobile suited
Start template Column divider End template
"Flex columns" CSS flexbox Yes Yes Yes {{Flex columns}}
"Col" Table Yes No {{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 No {{Columns}}
"Columns-list" CSS columns Yes Yes {{Columns-list}} (wrapper)
"Columns-start" CSS float Yes Yes {{Columns-start}} {{Column}} {{Columns-end}}
"Div col" CSS columns Yes Yes {{Div col}} {{Div col end}}

File:Dagger-14-plain.png 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" />

50px Module documentation

Used by {{Column templates}} to provide links to column-related templates.