Spring navigation over
    header overskriftStor header overskrift
    Indhold start

    Manual

    Find alle elementer nedenfor eller download hele koden her til højre.

    Stor knap

    Stor knap har plads til én linie med stor tekst og en eller to linier med forklarende tekst med mindre skrifttype.

    Krav

    • Ikoner er sjældent letforståelige for alle brugere. Derfor skal de altid suppleres med tekst
    • Knaptekst bør altid formuleres som en handling, f.eks. Søg, Gem, Slet
    • Overskrift skal altid kunne stå på en linie
    • Forklarende tekst må max fylde to linier
    • Ikonerne her i designmanualen skal anvendes
    • Skal der anvendes ikoner, som ikke findes i designmanualen, skal nye ikoner have samme look and feel som ikonerne i designmanualen
    • Krav til størrelse mv. fremgår af HTML/CSS, som kan downloades ovenfor

    Anvendelse

    • En stor knap kan bruges til alle handlinger. Den kan gøre en knap til en foretrukken handling mere synlig
    • Knappen stiller krav til brugeren. Handlinger, som skal forklares, er ikke intuitive. Man bør så vidt muligt undgå at anvende knapper med forklaring

    Knappen findes i tre forskellige tilstande:

    • Normal tilstand
    • Hover: Skifter farve ved mouse over
    • Inaktiv: Er disabled med diskret farve, når forudsætningen for at benytte knappen ikke er opfyldt

    Eksempel

    Stor knap