Sjabloon:Kolommen lijst: verschil tussen versies

Uit Wikikids
Naar navigatie springen Naar zoeken springen
(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><templatestyles src="Kolommen lijst/styles.css" /><div class="kolommen-lijst {{{class|}}}" style="
+
<includeonly><div class="kolommen-lijst {{{class|}}}" style="
{{#if:{{{breedte|}}}|-moz-column-width:{{{breedte}}}em;-webkit-column-width:{{{breedte}}}em;column-width:{{{breedte}}}em;|-moz-column-width:30em;-webkit-column-width:30em;column-width:30em;}}
+
{{#if:{{{breedte|}}}|column-width:{{{breedte}}}em;|column-width:30em;}}
{{#if:{{{aantal|}}}|-moz-column-count:{{{aantal}}};-webkit-column-count:{{{aantal}}};column-count:{{{aantal}}};}}
+
{{#if:{{{aantal|}}}|column-count:{{{aantal}}};}}
<!-- 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. -->
+
<!-- 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

De sjabloonbeschrijving hieronder wordt niet afgebeeld wanneer de sjabloon wordt geplaatst.

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:

Kolom 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Kolom 2

  • Item 1
  • Item 2
  • Item 3
  • Item 4

Kolom 3

  1. Item 1
  2. 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

Afkomstig van Wikikids , de interactieve Nederlandstalige Internet-encyclopedie voor en door kinderen. "https://wikikids.nl/index.php?title=Sjabloon:Kolommen_lijst&oldid=762715"