Template:Columns: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 8: | Line 8: | ||
{| style="width: 100%; text-align: left; margin: auto;" class="wikitable" | {| style="width: 100%; text-align: left; margin: auto;" class="wikitable" | ||
|- | |- | ||
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Default Usage</span><br><span style="font-weight: normal;">When used with no additional parameters, the template will return a list split in 3 columns.</span> | ! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Default Usage</span><br><div style="text-align: left;"><span style="font-weight: normal;">When used with no additional parameters, the template will return a list split in 3 columns.</span></div> | ||
|- | |- | ||
! width=25%|You Type | ! width=25%|You Type | ||
| Line 32: | Line 32: | ||
}} | }} | ||
|- | |- | ||
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Count Parameter</span><br><span style="font-weight: normal;">You can specify the number of columns in the output through use of the <code>count=</code> parameter.</span> | ! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Count Parameter</span><br><div style="text-align: left;"><span style="font-weight: normal;">You can specify the number of columns in the output through use of the <code>count=</code> parameter.</span></div> | ||
|- | |- | ||
! width=25%|You Type | ! width=25%|You Type | ||
| Line 71: | Line 71: | ||
}} | }} | ||
|- | |- | ||
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Style Parameter</span><br><span style="font-weight: normal;">By passing the <code>style=</code> parameter, you can alter the appearance of the column container using inline CSS styles.<br><span style="font-size: 85%;">'''Note:''' The styles used in the example below are a small selection of the possible styles available.</span></span> | ! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Style Parameter</span><br><div style="text-align: left;"><span style="font-weight: normal;">By passing the <code>style=</code> parameter, you can alter the appearance of the column container using inline CSS styles.<br><br><span style="font-size: 85%;">'''Note:''' The styles used in the example below are a small selection of the possible styles available. You can find more information on possible styles [https://coding-help.fandom.com/wiki/Attributes#List_of_commonly_used_attributes here].</span></span></div> | ||
|- | |- | ||
! width=25%|You Type | ! width=25%|You Type | ||
| Line 96: | Line 96: | ||
}} | }} | ||
|- | |- | ||
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Numbered List</span><br><span style="font-weight: normal;">A numbered list can be used by replacing <code>*</code> with <code>#</code>.</span> | ! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Numbered List</span><br><div style="text-align: left;"><span style="font-weight: normal;">A numbered list can be used by replacing <code>*</code> with <code>#</code>.</span></div> | ||
|- | |- | ||
! width=25%|You Type | ! width=25%|You Type | ||
Revision as of 01:52, 30 April 2025
Description
This template allows you to display content in multiple columns on a page as a bulleted list.
Usage
| Default Usage When used with no additional parameters, the template will return a list split in 3 columns.
| |
|---|---|
| You Type | You Get |
{{columns|
* Item 1
* Item 2
* Item 3
* Item 4
* Item 5
* Item 6
}}
|
|
| Count Parameter You can specify the number of columns in the output through use of the
count= parameter. | |
| You Type | You Get |
{{columns|count=2|
* Item 1
* Item 2
* Item 3
* Item 4
* Item 5
* Item 6
}}
|
|
{{columns|count=4|
* Item 1
* Item 2
* Item 3
* Item 4
}}
|
|
| Style Parameter By passing the
style= parameter, you can alter the appearance of the column container using inline CSS styles.Note: The styles used in the example below are a small selection of the possible styles available. You can find more information on possible styles here. | |
| You Type | You Get |
{{columns|
style=font-size: 150%; border: 1px solid #A2A7AF; background-color: #efefef; font-family: 'Libre Baskerville;|
* Item 1
* Item 2
* Item 3
* Item 4
* Item 5
* Item 6
}}
|
|
| Numbered List A numbered list can be used by replacing
* with #. | |
| You Type | You Get |
{{columns|
# Item A
# Item B
# Item C
# Item D
# Item E
# Item F
}}
|
|