Notificatie blok
Met het Notificatie block plaats je een opvallende balk op een pagina, bijvoorbeeld voor een aankondiging, waarschuwing of actielink. Je kiest zelf de inhoud, het icoon, de achtergrondkleur en of bezoekers de balk kunnen sluiten.
Het block toevoegen
Zoek in de blokken-editor op “Notification Bar” en voeg het block toe aan de pagina.
Type
Kies hoe de inhoud van de notificatiebalk wordt weergegeven:
| Type | Omschrijving |
|---|---|
| Link | De volledige balk is klikbaar als een link. Vul een URL, titel en optioneel een doelopties in. |
| Tekst | De balk toont vrije tekst (opgemaakte WYSIWYG-inhoud) zonder klikbare link. |
Icoon
Schakel Toon icoon in om een icoon links in de balk te tonen. Kies daarna een icoon uit de Iconify-bibliotheek. Standaard is het icoon een uitroepteken (fas:exclamation-triangle).
Afsluitbaar
Schakel Afsluitbaar in om een sluitknop rechts in de balk te tonen. Bezoekers kunnen de notificatie dan wegklikken. Kies via Sluit icoon een icoon voor de sluitknop. Standaard is dit een kruis (fas:times).
Opmaak
Achtergrondtype
| Type | Omschrijving |
|---|---|
| Effen | De balk krijgt één achtergrondkleur |
| Overloop | De achtergrond is een kleurverloop (gradient) |
Bij een effen achtergrond:
- Achtergrondkleur — de achtergrondkleur van de balk. Standaard is dit de primaire kleur van het thema.
Bij een overloop:
| Instelling | Omschrijving | Standaard |
|---|---|---|
| Van | De startkleur van het verloop | — |
| Van percentage | Het punt waarop de startkleur begint (0–100%) | 0% |
| Naar | De eindkleur van het verloop | — |
| Naar percentage | Het punt waarop de eindkleur eindigt (0–100%) | 100% |
| Hoek | De richting van het verloop in graden (0–360°) | 90° |
Tekstkleur
De kleur van de tekst en het icoon in de balk. Standaard is dit wit.
Randkleur
Optioneel een kleur voor de rand van de balk. Als dit veld leeg blijft, wordt er geen rand getoond.