# Button componenten
Speciale componenten die uit losse buttons opgebouwd worden.
# Button bar
design front-end roxen cms# Concept
De Button Bar zorgt ervoor dat de belangrijkste acties op een pagina direct uit te voeren zijn. De Button Bar komt voornamelijk voor in de header van een contentpagina. De Button Bar is alleen beschikbaar op Insite. Op HAN.nl is het Tekst & Media component het geijkte alternatief.
# Notes voor Content
- Kies een conversie button enkel wanneer er een actie aan verbonden is (Ruimte reserveren, Apparatuur reserveren, Boeken bestellen, etc.).
- De informatieve buttons leiden naar content, externe content, PDF's en externe systemen (Alluris, OnderwijsOnline, etc.).
- Schrijf de teksten van de Buttons in de Button Bar activerend en kort.
# Notes voor DEV
- Maximaal drie buttons.
- Alleen de eerste button mag een conversie button zijn, maar dat hoeft niet.
- De Button Bar gaat niet verder dan 8 kolommen in de breedte.
# Task Button Grid
design front-end roxen cms# Concept
Het Task Button Grid zorgt ervoor dat gebruikers snel naar de belangrijkste onderdelen van de website kunnen navigeren. De belangrijkste onderdelen van de website zijn voornamelijk de meest bezochte pagina's en in andere gevallen belangrijke/urgente informatie die de doelgroep tot zich moet nemen. Het Task Button Grid bestaat uit Task Buttons.
# Notes voor Content
- Schrijf de tekst waar mogelijk activerend.
- Vertel, wanneer de button naar een externe tool refereert, tussen haakjes waar deze tool voor is.
- Hou het kort, buttons moeten makkelijk te scannen zijn.
- Gebruik nooit meer dan 3 woorden in de button. Streef naar 1 of 2 woorden.
- De Task Buttons mogen enkel gevuld worden met een link naar meest bezochte pagina's of urgente/belangrijke pagina's.
# Notes voor DEV
- De Task Buttons schalen naar onderen wanneer tekst op meerdere regels komt te staan.
- Wanneer de Task Buttons tekst krijgen die op meerdere regels komt, schalen de buttons op dezelfde regel mee.
- De interacties met de Task Buttons zijn hetzelfde als de reguliere Information Buttons.
- Er mogen niet meer dan 8 Task Buttons in het Task Button Grid staan.
