Difference between revisions of "Module:Column-generating template families"
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/> table code?{{sup|{{dagger}}}}}} | ! {{longitem|Handles wiki <br/> 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
| Caution | 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" />
| 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.
| You might want to create a documentation page for this Scribunto module. Editors can experiment in this module's sandbox (create | mirror) and testcases (create) pages. Subpages of this module. |