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 16: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"