Template:Columns-next
 | This template uses TemplateStyles: |
Use this template immediately before a list, to divide the list into multiple columns that wrap the screen responsively. To prevent a section of a list being broken, the template {{no col break}} can be used.
This template was created to support editing of multi-column lists in VisualEditor as an alternative to {{Div col}} and {{Div col end}} (which use an unbalanced <div> element, which forces the intermediary content into source mode), and {{Columns-list}} (which takes the list as raw wikitext parameter).
Usage
[edit]Basic usage
[edit]{{Columns-next}}
* a
* b
* c
* d
* e
* f
* g
* h
- a
- b
- c
- d
- e
- f
- g
- h
Selective usage
[edit]* Foo
* Bar
* Baz
* Quux
Text here.
{{Columns-next}}
* lorem
* ipsum
* dolor
* sit
* amet
* consectetur
More text here.
* duis
* aute
* irure
* dolor
* in
* reprehenderit
- Foo
- Bar
- Baz
- Quux
Text here.
- lorem
- ipsum
- dolor
- sit
- amet
- consectetur
More text here.
- duis
- aute
- irure
- dolor
- in
- reprehenderit
TemplateData
[edit]TemplateData for Columns-next
Divide the next list into multiple columns that wrap the screen responsively.
| Parameter | Description | Type | Status | |||
|---|---|---|---|---|---|---|
| No parameters specified | ||||||
See also
[edit]Column-generating template families
[edit]The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a <div>...</div> open, potentially harming any subsequent formatting.
- "Responsive/mobile suited" refers to whether more than one column will show up in cell phones. See tests here. Some templates need to be updated to work in cell phones too. Please use mobile-suited templates, or straight divs. For why, see WP:Access. See discussion.
- "Deprecated. Replace over time" is under discussion about whether templates without mobile capability should officially be called deprecated. In any case most uses of those templates can be replaced now by other templates or straight divs.
| Type | Family | Deprecated. Replace over time |
Handles wiki table code?[b] |
Responsive/ mobile suited |
Dependent on media queries |
Can form multiple columns |
Visual Editor– suited |
Start template |
Column divider |
End template | |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Float | "col-float" | Yes | Yes | Yes | Yes | ? | ? | {{col-float}} | {{col-float-break}} | {{col-float-end}} | |
| "columns-start" | Yes | Yes | Yes | Yes | ? | ? | {{columns-start}} | {{column}} | {{columns-end}} | ||
| Float | "stack" | See talk | ? | ? | ? | Yes | No | ? | {{stack}} or {{stack begin}} |
? | {{stack end}} |
| Columns | "div col" | Yes | Yes | Yes | ? | ? | ? | {{div col}} | instead use {{no col break}} | {{div col end}} | |
| "columns list" | Yes | No | Yes | ? | ? | ? | {{columns list}} (wraps div col) | — | — | ||
| Flexbox | "flex columns" | Yes | No | Yes | ? | ? | ? | {{flex columns}} | — | — | |
| Flexbox | "flexbox wrap" | Yes | Yes | Yes | No | Yes[c] | ? | {{flexbox wrap|start}} |
{{flexbox wrap|break}} |
{{flexbox wrap|end}} | |
| Table | "col" | See talk | Yes | Yes | No | Yes | ? | ? | {{col-begin}}, {{col-begin-fixed}} or {{col-begin-small}} |
{{col-break}} or {{col-2}} .. {{col-5}} |
{{col-end}} |
- ↑ See talk
- ↑ Can the template handle the basic wiki markup
{| | || |- |}used to create tables? If not, special templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) or HTML tags (<table>...</table>,<tr>...</tr>, etc.) need to be used instead. - ↑ Used to create blocks of content that are placed side-by-side if there is available space, otherwise the blocks that cannot fit are wrapped below the preceding blocks.