Het detailsblok toont een samenvatting die kan worden uitgeklapt om verborgen content zichtbaar te maken. Wanneer je op de tekst of het pijltje klikt, wordt de content geopend.
1. Hoe voeg ik het blok toe? #
Klik op het icoon in de hoofdnavigatie of in het contentgebied. Typ ‘detail’ en/of klik op het detail blokicoon om het toe te voegen.
Schrijf een samenvatting in het invulveld ‘Schrijf samenvatting’ en voeg de verborgen content toe in het invulveld ‘Typ / om een verborgen blok toe te voegen’.
2. Blokwerkbalk #
Selecteer het blok zodat de blokwerkbalk 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 stippen heeft een sleepfunctie. Klik op de punten en houd ze vast om het blok te verplaatsen naar een nieuwe locatie. Naast de sleepfunctie staat een icoon met de pijlen omhoog en omlaag. Klik op één van de pijlen om het blok een plek omhoog of omlaag te schuiven.
2.3. Verander blokuitlijning #
Hiermee kun je de uitlijning van het blok aanpassen naar:
- Geen
- Wijd
- Volle breedte
2.4. 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 wil gebruiken.
3. Blokinstellingen #
De blokinstellingen zijn verdeeld in twee tabbladen: instellingen ( 
) en stijlen ( 
)
3.1. Instellingen #
Pas hier de werking van het blok aan.
3.1.1. Instellingen #
Hier vind je een schakelaar om het blok standaard geopend weer te geven. De gebruiker kan het blok vervolgens zelf sluiten.
3.1.2. Geavanceerd #
Bloknaam
Pas hier de naam van het blok aan. Deze vind je terug in het ‘Document overzicht’.
Extra CSS-klasse
Gebruik dit invulveld om extra CSS-klassen toe te voegen.
3.2. Stijlen #
Pas hier de opmaak van het blok aan.
3.2.1. Kleur #
Kies de kleur van de tekst, link en/of achtergrondkleur (binnen het blok). Na het klikken opent een submenu met twee tabbladen.
Effen
Hier heb je de keuze voor de themakleuren (ingesteld door de ontwikkelaar van Noeste IJver) en standaardkleuren.
Kleurverloop
Kies meerdere aangepaste kleuren door op een plek in het balkje te klikken om een kleursubmenu te openen en een kleur te kiezen. Het kleurverloop gaat over in de kleur die je op een bepaalde plek in de balk gekozen hebt. Je kan kiezen voor:
- Radiaal: Van het midden naar buiten
- Lineair: Standaard van links naar rechts
3.2.2. Typografie #
Hier vind je alle instellingen voor het bewerken van lettertypes.
Grootte
Dit is een standaardinstelling die altijd zichtbaar is. Als je wil dat de grootte van een (kop)tekst afwijkt van de standaard, kan je kiezen uit de volgende maten:
- S
- M
- L
- XL
- XXL
Wil je het zelf instellen? Klik dan op dit icoon ( 
). Kies hier voor PX, EM, REM, % of VW of VH. Uitleg hierover vind je in dit overzicht.
Via het driepuntenicoon achter het woord typografie kan je meerdere instellingen zichtbaar maken:
- Fontfamilie: de stijl van de letters
- Weergave: de dikte van de letters binnen de fontfamilie
- Lijnhoogte: de hoogte van de letters
- Letterafstand: de ruimte tussen de letters
- Tekstversiering: onderlijnen of doorhalen van de tekst
- Letter case: de manier van hoofdlettergebruik: HOOFDLETTERS, kleine letters, of met Hoofdletter
3.2.3. Afmetingen #
Pas hier de ruimte om het blok aan.
Klik op het icoon achter ‘Afmetingen’ en maak een keuze.
Blokafstand
Bepaal de afstand tussen blokken door de blauwe stip te verschuiven.
Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.
3.2.4. Rand #
Dit zijn de instellingen voor de rand:
- Kies een kleur of laat het op transparant staan
- Pas de breedte van de rand aan met de schuifregelaar of voer het in. Klik op ‘PX’ om voor een andere eenheid te kiezen. Meer uitleg over eenheden vind je in dit artikel.
- Met het icoon (
) staan alle zijden van de rand aan elkaar gekoppeld. Wil je niet alle randen even dik? Klik dan op dit icoon om de randen apart in te stellen.