Lay-outinstellingen

Breedte

Kan enigszins afwijken van de daadwerkelijke interface.

Instellingen

• Use width
• Breedte + eenheid (px / % / vw / vh / fit-content)
• Use min width / Min breedte
• Use max width / Max breedte
• Responsieve instellingen

Met fit-content volgt de knopbreedte automatisch de tekstlengte.

Hoogte

Kan enigszins afwijken van de daadwerkelijke interface.

Instellingen

• Use height
• Hoogte + eenheid (px / % / vw / vh)
• Use min height / Min hoogte
• Use max height / Max hoogte
• Responsieve instellingen

Voor touch-doelen is minimaal 44px aanbevolen.

Marge

Kan enigszins afwijken van de daadwerkelijke interface.

Instellingen

• Individuele instellingen gebruiken
• Uniform: Marge + eenheid (px / % / vw / vh / auto)
• Individueel: Boven / Rechts / Onder / Links + eenheid
• Responsieve instellingen

Padding

Kan enigszins afwijken van de daadwerkelijke interface.

Instellingen

• Individuele instellingen gebruiken
• Uniform: Padding + eenheid (px / % / vw / vh)
• Individueel: Boven / Rechts / Onder / Links + eenheid
• Responsieve instellingen

Positie

Kan enigszins afwijken van de daadwerkelijke interface.

Instellingen

• Positie type (relative / absolute)
• Top / Right / Bottom / Left (Auto / waarde) + eenheid
• Z-Index (Auto / waarde)
• Translate X / Y + eenheid
• Responsieve instellingen

Laagvolgorde

Kan enigszins afwijken van de daadwerkelijke interface.

Instellingen

• Content
• Thumbnail
• Band
• Background

Laagvolgorde gebruikt CSS z-index.