Sjabloon:Kolommen lijst: verschil tussen versies
(Nieuwe pagina aangemaakt met '<includeonly><templatestyles src="Kolommen lijst/styles.css" /><div class="kolommen-lijst {{{class|}}}" style=" {{#if:{{{breedte|}}}|-moz-column-width:{{{breedte}}}...') |
k |
||
(Een tussenliggende versie door een andere gebruiker niet weergegeven) | |||
Regel 1: | Regel 1: | ||
− | <includeonly |
+ | <includeonly><div class="kolommen-lijst {{{class|}}}" style=" |
− | {{#if:{{{breedte|}}}| |
+ | {{#if:{{{breedte|}}}|column-width:{{{breedte}}}em;|column-width:30em;}} |
− | {{#if:{{{aantal|}}}| |
+ | {{#if:{{{aantal|}}}|column-count:{{{aantal}}};}} |
− | <!-- Als compact= |
+ | <!-- Als compact=ja, dan max-width is (breedte * aantal) + (aantal - 1). Aantal-1 is de ruimte tussen de kolommen. Browser-standaard voor column-gap is 1em. --> |
{{#if:{{yesno|{{{compact|}}}}}|{{#if:{{IsNum|{{{breedte|30}}}}}|{{#if:{{IsNum|{{{aantal|}}}}}|max-width:{{#expr:{{{breedte|30}}}*{{{aantal}}}+{{{aantal}}}-1}}em;}}}}}} |
{{#if:{{yesno|{{{compact|}}}}}|{{#if:{{IsNum|{{{breedte|30}}}}}|{{#if:{{IsNum|{{{aantal|}}}}}|max-width:{{#expr:{{{breedte|30}}}*{{{aantal}}}+{{{aantal}}}-1}}em;}}}}}} |
||
{{{style|}}}"> |
{{{style|}}}"> |
||
{{{inhoud|{{{1|}}}}}} |
{{{inhoud|{{{1|}}}}}} |
||
</div></includeonly><noinclude> |
</div></includeonly><noinclude> |
||
+ | {{Sjablooninfo|1= |
||
+ | |||
+ | Toont een lange tekst of lijst over meerdere kolommen. Voor het verschil met [[Sjabloon:Kolommen]], zie [[#Verschil met Sjabloon:Kolommen]]. |
||
+ | |||
+ | == Gebruik == |
||
+ | <pre> |
||
+ | {{Kolommen lijst | breedte= | aantal= | inhoud= |
||
+ | ... |
||
+ | }} |
||
+ | </pre> |
||
+ | |||
+ | == Voorbeelden == |
||
+ | === Standaard === |
||
+ | <pre> |
||
+ | {{Kolommen lijst | breedte=19 | inhoud= |
||
+ | * Costa Rica |
||
+ | * Finland |
||
+ | * Cambodja |
||
+ | * Portugal |
||
+ | * Slowakije |
||
+ | * Dromenland |
||
+ | * Kameroen |
||
+ | * Burundi |
||
+ | }} |
||
+ | </pre> |
||
+ | '''Toont:''' |
||
+ | {{Kolommen lijst | breedte=19 | inhoud= |
||
+ | * Costa Rica |
||
+ | * Finland |
||
+ | * Cambodja |
||
+ | * Portugal |
||
+ | * Slowakije |
||
+ | * Dromenland |
||
+ | * Kameroen |
||
+ | * Burundi |
||
+ | }} |
||
+ | |||
+ | === Aantal === |
||
+ | Hetzelfde voorbeeld, maar dan met een opgegeven ''maximum'' aantal kolommen: |
||
+ | <pre> |
||
+ | {{Kolommen lijst | breedte=19 | aantal=2 | inhoud= |
||
+ | * Costa Rica |
||
+ | * Finland |
||
+ | * ⁝ |
||
+ | * Burundi |
||
+ | }} |
||
+ | </pre> |
||
+ | '''Toont:''' |
||
+ | {{Kolommen lijst | breedte=19 | aantal=2 | inhoud= |
||
+ | * Costa Rica |
||
+ | * Finland |
||
+ | * Cambodja |
||
+ | * Portugal |
||
+ | * Slowakije |
||
+ | * Dromenland |
||
+ | * Kameroen |
||
+ | * Burundi |
||
+ | }} |
||
+ | |||
+ | === Compact === |
||
+ | Standaard wordt de volledige breedte van het scherm gebruikt. Bij weinig, smalle kolommen geeft dat op grotere schermen veel witruimte. Gebruik <code>compact=ja</code> om alleen de ruimte te gebruiken die minimaal benodigd is. De velden <code>breedte</code> en <code>aantal</code> zijn hierbij verplicht: |
||
+ | <pre> |
||
+ | {{Kolommen lijst | breedte=19 | aantal=2 | compact=ja | inhoud= |
||
+ | * Costa Rica |
||
+ | * Finland |
||
+ | * ⁝ |
||
+ | * Burundi |
||
+ | }} |
||
+ | </pre> |
||
+ | '''Toont:''' |
||
+ | {{Kolommen lijst | breedte=19 | aantal=2 | compact=ja | inhoud= |
||
+ | * Costa Rica |
||
+ | * Finland |
||
+ | * Cambodja |
||
+ | * Portugal |
||
+ | * Slowakije |
||
+ | * Dromenland |
||
+ | * Kameroen |
||
+ | * Burundi |
||
+ | }} |
||
+ | |||
+ | == Verschil met Sjabloon:Kolommen == |
||
+ | Het verschil met [[Sjabloon:Kolommen]] en met [[Sjabloon:BeginKolommen]] is dat die de inhoud opsplitsen in aparte delen. Een typisch voorbeeld ziet er als volgt uit: |
||
+ | {{Kolommen |
||
+ | | Kolom1= |
||
+ | '''Kolom 1''' |
||
+ | |||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. |
||
+ | | Kolom2= |
||
+ | '''Kolom 2''' |
||
+ | * Item 1 |
||
+ | * Item 2 |
||
+ | * Item 3 |
||
+ | * Item 4 |
||
+ | | Kolom3= |
||
+ | '''Kolom 3''' |
||
+ | # Item 1 |
||
+ | # Item 2 |
||
+ | }} |
||
+ | |||
+ | De inhoud van elke kolom staat los van die van de andere twee. Bij Sjabloon:Kolommen ''lijst'' daarentegen is de inhoud één geheel dat zich automatisch, gelijkmatig over de kolommen verdeelt. |
||
+ | |||
+ | === Wanneer welke? === |
||
+ | Gebruik Sjabloon:Kolommen als de inhoud uit aparte delen bestaat of als je kolommen van ongelijke grootte wilt hebben. Gebruik Sjabloon:Kolommen lijst als de inhoud één doorlopend geheel is (bijvoorbeeld een lange lijst). |
||
+ | |||
+ | == TemplateData == |
||
+ | <templatedata> |
||
+ | { |
||
+ | "description": "Voor een lijst over meerdere kolommen.", |
||
+ | "params": { |
||
+ | "breedte": { |
||
+ | "label": "Kolombreedte", |
||
+ | "description": "Minimum breedte van een kolom (uitgedrukt in em).", |
||
+ | "type": "number", |
||
+ | "default": "30", |
||
+ | "suggested": true |
||
+ | }, |
||
+ | "aantal": { |
||
+ | "label": "Aantal kolommen", |
||
+ | "description": "Maximum aantal kolommen.", |
||
+ | "type": "number" |
||
+ | }, |
||
+ | "compact": { |
||
+ | "label": "Compacte weergave", |
||
+ | "description": "Vul in 'ja' voor een compacte weergave. Velden `breedte` en `aantal` zijn verplicht.", |
||
+ | "type": "boolean", |
||
+ | "default": "nee" |
||
+ | }, |
||
+ | "style": { |
||
+ | "type": "string", |
||
+ | "description": "CSS-opmaak voor de container.", |
||
+ | "label": "Opmaak" |
||
+ | }, |
||
+ | "inhoud": { |
||
+ | "aliases": [ |
||
+ | "1" |
||
+ | ], |
||
+ | "label": "Inhoud", |
||
+ | "description": "Inhoud.", |
||
+ | "type": "content", |
||
+ | "required": true |
||
+ | }, |
||
+ | "class": { |
||
+ | "label": "CSS-klassen", |
||
+ | "description": "Een of meerdere CSS-klassen voor de container.", |
||
+ | "type": "string" |
||
+ | } |
||
+ | }, |
||
+ | "paramOrder": [ |
||
+ | "breedte", |
||
+ | "aantal", |
||
+ | "compact", |
||
+ | "class", |
||
+ | "style", |
||
+ | "inhoud" |
||
+ | ], |
||
+ | "format": "\n{{_| _=_\n}}\n" |
||
+ | } |
||
+ | </templatedata> |
||
+ | |||
+ | == Zie ook == |
||
+ | * [[Sjabloon:Kolommen]] |
||
+ | * [[Sjabloon:BeginKolommen]] |
||
+ | |||
+ | }} |
||
+ | |||
[[Categorie:Sjablonen opmaak]] |
[[Categorie:Sjablonen opmaak]] |
||
</noinclude> |
</noinclude> |
Huidige versie van 25 jan 2023 om 15:37
Toont een lange tekst of lijst over meerdere kolommen. Voor het verschil met Sjabloon:Kolommen, zie #Verschil met Sjabloon:Kolommen.
Gebruik
{{Kolommen lijst | breedte= | aantal= | inhoud= ... }}
Voorbeelden
Standaard
{{Kolommen lijst | breedte=19 | inhoud= * Costa Rica * Finland * Cambodja * Portugal * Slowakije * Dromenland * Kameroen * Burundi }}
Toont:
- Costa Rica
- Finland
- Cambodja
- Portugal
- Slowakije
- Dromenland
- Kameroen
- Burundi
Aantal
Hetzelfde voorbeeld, maar dan met een opgegeven maximum aantal kolommen:
{{Kolommen lijst | breedte=19 | aantal=2 | inhoud= * Costa Rica * Finland * ⁝ * Burundi }}
Toont:
- Costa Rica
- Finland
- Cambodja
- Portugal
- Slowakije
- Dromenland
- Kameroen
- Burundi
Compact
Standaard wordt de volledige breedte van het scherm gebruikt. Bij weinig, smalle kolommen geeft dat op grotere schermen veel witruimte. Gebruik compact=ja
om alleen de ruimte te gebruiken die minimaal benodigd is. De velden breedte
en aantal
zijn hierbij verplicht:
{{Kolommen lijst | breedte=19 | aantal=2 | compact=ja | inhoud= * Costa Rica * Finland * ⁝ * Burundi }}
Toont:
- Costa Rica
- Finland
- Cambodja
- Portugal
- Slowakije
- Dromenland
- Kameroen
- Burundi
Verschil met Sjabloon:Kolommen
Het verschil met Sjabloon:Kolommen en met Sjabloon:BeginKolommen is dat die de inhoud opsplitsen in aparte delen. Een typisch voorbeeld ziet er als volgt uit:
De inhoud van elke kolom staat los van die van de andere twee. Bij Sjabloon:Kolommen lijst daarentegen is de inhoud één geheel dat zich automatisch, gelijkmatig over de kolommen verdeelt.
Wanneer welke?
Gebruik Sjabloon:Kolommen als de inhoud uit aparte delen bestaat of als je kolommen van ongelijke grootte wilt hebben. Gebruik Sjabloon:Kolommen lijst als de inhoud één doorlopend geheel is (bijvoorbeeld een lange lijst).
TemplateData
<templatedata> { "description": "Voor een lijst over meerdere kolommen.", "params": { "breedte": { "label": "Kolombreedte", "description": "Minimum breedte van een kolom (uitgedrukt in em).", "type": "number", "default": "30", "suggested": true }, "aantal": { "label": "Aantal kolommen", "description": "Maximum aantal kolommen.", "type": "number" }, "compact": { "label": "Compacte weergave", "description": "Vul in 'ja' voor een compacte weergave. Velden `breedte` en `aantal` zijn verplicht.", "type": "boolean", "default": "nee" }, "style": { "type": "string", "description": "CSS-opmaak voor de container.", "label": "Opmaak" }, "inhoud": { "aliases": [ "1" ], "label": "Inhoud", "description": "Inhoud.", "type": "content", "required": true }, "class": { "label": "CSS-klassen", "description": "Een of meerdere CSS-klassen voor de container.", "type": "string" } }, "paramOrder": [ "breedte", "aantal", "compact", "class", "style", "inhoud" ], "format": "\n{{_| _=_\n}}\n" } </templatedata>