Gedaan met laden. U bevindt zich op: Maximale breedte van de velden Formulieren

Maximale breedte van de velden

De documentatie van het Design System is nog in bèta en wordt stapsgewijs aangevuld.

Vragen? Raadpleeg de vorige documentatiehub(opent in nieuw venster) of contacteer ons.

Op het Webplatform van Vlaanderen hanteert men een leesbreedte van 8/12 kolommen, dit om de leesbaarheid van de inhoud te garanderen.

Het is in het algemeen afgeraden om de breedte van de velden te laten lopen over de volledige breedte van een desktopscherm. Op mobiel daarentegen, nemen de velden de volledige breedte van het scherm in.

In het geval van het Vlaanderen webuniversum, mag het formulier op desktop nooit breder dan 8/12 kolommen zijn. De uiteindelijke breedte zal natuurlijk ook afhangen van andere factoren zoals een embed, maar hier dient dus rekening mee gehouden te worden.

Velden met pattern input (input mask)

Aangezien de input van velden met een pattern reeds bepaald is, weet men wat de maximale breedte ervan zal zijn. Vaak is de standaard breedte van een inputveld te breed.

50% van de volledige breedte voor velden met een pattern input (desktop)

Bijvoorbeeld datum, rijksregisternummer, IBAN-nummer, etc.

Zo hebben we slechts 2 breedtes aan velden: full of 50%

Op mobiel blijven deze velden de volledige breedte innemen.

Deel deze pagina

Neem contact op met het Vlaanderen Design System team. 

Contacteer ons