Het vulelementblok is een blok die ruimte tussen twee blokken creëert.
1. Hoe voeg ik het blok toe? #
Klik op het + icoon in de hoofdnavigatie of in het content gebied. Typ ‘vulelement‘ en klik op het vulelementblokicoon om het toe te voegen.
2. Blokwerkbalk #
Selecteer het blok zodat de blokwerkbalk (erboven) weergegeven wordt. Hieronder leggen we uit wat elke functie in de blokwerkbalk doet.
2.1. Verander naar een ander type blok #
Standaard staat hier het (geselecteerde) blokicoon, dat per blok verschilt. Klik hierop om een ander blok te kiezen zonder dit blok te verwijderen en weer op het + icoon te hoeven klikken. Kies een blok uit de lijst die na het klikken verschijnt.
2.2. Blok verplaatsen #
Het icoon met zes stipjes heeft een sleepfunctie. Klik op deze puntjes en houd ze vast om het blok te verplaatsen naar een nieuwe locatie. Naast de sleepfunctie staat een icoon met een pijltje omhoog en omlaag. Klik op één van de pijltjes om het blok een plekje omhoog of omlaag te schuiven.
2.3. Meer opties #
Onder dit icoon vind je meer bewerkingsfuncties zoals:
- Dupliceren
- Verwijderen
- Invoegen voor
- Invoegen na
- Bewerken in HTML
Hiervoor hebben we een apart overzicht gemaakt op deze pagina. Zoek naar de functie die je wilt gebruiken.
3. Blokinstellingen #
De blokinstellingen zijn verdeeld in twee tabbladen: instellingen ( 
) en stijlen ( 
)
De blokinstellingen zijn weer verdeeld in twee tabbladen: instellingen ( ) en stijlen ( )
3.1. Instellingen #
Pas hier de werking van het blok aan.
Pas hier de werking van het blok aan.
3.1.1. Hoogte #
Pas hier de hoogte van het vulelement aan. Beweeg de blauwe stip naar links of naar rechts op de schuifregelaar.
Wil je het zelf instellen? Klik dan op dit ( 
) icoon. Kies hier voor PX, EM, REM (of %, VW of VH). Vind uitleg hierover vind je in dit overzicht.
3.1.2. Geavanceerd #
Bloknaam
Pas hier de naam van het blok aan. De bloknaam vind je terug in het ‘Document overzicht‘.
Pas hier de naam van het blok aan. Deze bloknaam vind je terug in het ‘Document overzicht’.
HTML-Anchor
Dit is een plek op je pagina waar je naartoe kunt linken. Vul hier een woord in dat je ergens anders in een link gebruikt om ervoor te zorgen dat de bezoeker direct naar die plek wordt geleid.
Dit is een plek op je pagina waar je naartoe kunt linken. Vul hier een woord in dat je ergens anders in een link gebruikt om ervoor te zorgen dat de bezoeker direct naar die plek wordt geleid.
Extra CSS-klasse
Gebruik dit invulveld om extra CSS-klassen toe te voegen.
Gebruik dit invulveld om extra CSS-klassen toe te voegen.
3.2. Stijlen #
Pas hier de opmaak van het blok aan.
Pas hier de opmaak van het blok aan.
3.2.1. Afmetingen #
Pas hier de ruimte om het blok aan.
Pas hier de ruimte om het blok aan.
Klik op het + icoon achter ‘Afmetingen’ en maak een keuze.
Marges
De marge bepaalt de ruimte tussen de blokken.
Klik op dit icoon ( 
) om te kiezen welke zijden je wilt aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.
Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, %, EM, REM, VW of VH. Vind uitleg hierover in dit overzicht.
De marge bepaalt de ruimte tussen de blokken.
Klik op dit icoon ( ) om te kiezen welke zijden je wilt aanpassen. Verschuif de blauwe stip om de marges groter of kleiner te maken.
Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, %, EM, REM, VW of VH. Vind uitleg hierover in dit overzicht.