Alle komponenter

For å kunne fremheve prioriterte interaksjonselementer på ulike sidetyper, har noen av komponentene forskjellig utforming, men samme funksjonalitet. For å oppnå en konsistent helhet er det derfor viktig at sammensettingen av komponentene følger samme retningslinjer som de eksisterende sidemalene. Her vil det komme mer detaljerte retningslinjer i løpet av kort tid.

- Artikkel-header (Standard)
  
  Ferdig
  
  Første nivå
  
  Andre nivå
  
  Tredje nivå
  
  Fjerde nivå som er siden du står på
  
  Tittel på siden
  
  Ingress er et kort innledende avsnitt som vanligvis plasseres mellom overskriften og brødteksten. Ingressen brukes ofte til å "gripe" fatt i leseren, for at personen skal bli interessert i å lese resten av teksten. Den fungerer også som et visuelt skille mellom resten av teksten. Ingressen bør være lettlest og fri for vanskelige faguttrykk.
  
  Sist oppdatert 11.10.2016
- Avkrysningsboks (Standard)
  
  Ferdig
  
  Velg ett eller flere alternativer
  Kryss av i den første avkrysningsboksen Kryss av i den andre avkrysningsboksen
- Avkrysningsboks (Stacked)
  
  Ferdig
  
  Velg ett eller flere alternativer
  Kryss av i den første avkrysningsboksen Kryss av i den andre avkrysningsboksen
  Den tredje avkrysningsboksen er inaktiv, og er ikke egentlig en avkrysningsboks
- Avkrysningsboks (Diskret)
  
  Ferdig
  
  Velg ett eller flere alternativer
  Kryss av i den første avkrysningsboksen Kryss av i den andre avkrysningsboksen
- Knapp (Standard)
  
  Ferdig
- Knapp (Fare)
  
  Ferdig
- Knapp (Suksess)
  
  Ferdig
- Knapp (Deaktivert)
  
  Ferdig
- Liste (Standard)
  
  Ferdig
  
  Første rad
  
  Andre rad
- Liste (Med lenker)
  
  Ferdig
  
  Første klikkbare rad
  
  Andre klikkbare rad (ekstrainfo)
  
  Tredje klikkbare rad (ekstrainfo)
- Bildeblokk (Standard)
  
  Ferdig
  
  Trenger du hjelp?
  
  Våre bedriftsveiledere sitter klar til å hjelpe deg. Telefonen er åpen 0800—1530, mandag til fredag. E-poster besvares normalt innen 24 timer.
  Telefonnummer til Altinn kundestøtte 800 33 840 Send mail til support@altinn.no Skriv til oss
- Handlingsknapp (Standard)
  
  Ferdig
- Handlingsknapp (Full bredde)
  
  Ferdig
- Radioknapp (Standard)
  
  Ferdig
  
  Velg et alternativ
  En radioknapp Enda en radioknapp som inneholder mye tekst
- Radioknapp (Stacked)
  
  Ferdig
  
  Hvilken knapp vil du velge?
  En radioknapp Enda en radioknapp
- Bildelenker (Standard)
  
  Ferdig
  
  tema 1
  
  undertema, undertema, mm.
  
  Gå til tema: tema 1
  
  tema 2
  
  undertema, undertema, mm.
  
  Gå til tema: tema 2
  
  tema 3
  
  undertema, undertema, mm.
  
  Gå til tema: tema 3
  
  tema 4
  
  undertema, undertema, mm.
  
  Gå til tema: tema 4
- Hovedknapp (Standard)
  
  Ferdig
- Trekkspill (Standard)
  
  Ferdig
  
  Vis/skjul innhold Første ekspandérbare overskrift har veldig veldig veldig veldig veldig mange ord for å teste hvordan det vil se ut
  
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque.
  
  Vis/skjul innhold Andre ekspandérbare overskrift
  
  Vis/skjul innhold Tredje ekspandérbare overskrift
- Trekkspill (Diskret)
  
  Ferdig
  
  Første ekspandérbare tekst er veldig veldig veldig veldig lang for å se hvordan det ser ut
  
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque.
  
  Andre ekspandérbare tekst
  
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque.
  
  Tredje ekspandérbare tekst
  
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque.
- Trekkspill (Panel)
  
  Ferdig
  
  Liten tekst Stor tekst
  
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque.
  
  Bare stor tekst
  
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque.
  
  Tittel (h2)
  
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque.
- Valgknapp (Standard)
  
  Ferdig
  
  Kun lese
  
  Fylle ut
  
  Signere
  
  Dette er en popover tekst
  
  Toggle state icon
  
  Eksempel uten ikon
  
  Eksempel på deaktivert
  
  Eksempel med veldig veldig veldig lang tekst som blir kuttet av på mobilvisning
- Valgknapp (Valgknapp Radio)
  
  Ferdig
  
  Velg et alternativ
  Du kan velge denne
  
  eller denne
  
  eller denne
- Brødsmulesti (Standard)
  
  Ferdig
  
  Første nivå
  
  Andre nivå
  
  Tredje nivå
  
  Fjerde nivå som er siden du står på
- Lenke (Standard)
  
  Ferdig
  
  En lenke ser slik ut
- Lenke (Ekstern)
  
  Ferdig
  
  En ekstern lenke har et ikon
- Lenke (Fremhevet)
  
  Ferdig
  
  En fremhevet lenke kan se slik ut
- Loader (Standard)
  
  Ferdig
- Inputfelt (Standard)
  
  Ferdig
  
  Label:
- Inputfelt (Uten label)
  
  Ferdig
  
  Label:
- Inputfelt (Deaktivert)
  
  Ferdig
  
  Label:
- Inputfelt (Fremhevet)
  
  Ferdig
  
  Label:
- Inputfelt (Søk)
  
  Ferdig
  
  Søk etter innhold
- Switch (Standard)
  
  Ferdig
  
  Bytt mellom to valg
  Valg1
  
  Valg2
- Last opp (Standard)
  
  Ferdig
  
  Vedlegg
  Legg ved en fil
  
  Feilmelding
  
  dittbilde.jpg
- Sorterbar liste (Standard)
  
  Ferdig
  
  Header1
  
  Header2
  
  A Navn Navnesen
  
  3 roller
  
  Gi rettigheter
  
  B Navn Navnesen
  
  2 roller
  
  Gi rettigheter
  
  C Navn Navnesen
  
  1 roller
  
  Gi rettigheter
- hurtignavigasjon (Standard)
  
  Ferdig
  
  A B C D E F G H I J K L M N
  
  O P Q R S T U V W X Y Z Æ Ø Å
  
  A
  
  Lorem ipsum
  
  Dolores sit amet
  
  B
  
  Lorem ipsum
  
  Dolores sit amet
  
  C
  
  Lorem ipsum
  
  Dolores sit amet
  
  D
  
  Lorem ipsum
  
  Dolores sit amet
  
  E
  
  Lorem ipsum
  
  Dolores sit amet
- Nummerert liste (Standard)
  
  Ferdig
  
  Første punkt i listen(med ekstra informasjon)
  
  Andre punkt i listen haren særdeles lang tekst som går over flere linjer med lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla suscipit purus eu vehicula bibendum. Duis luctus magna ac dui convallis iaculis. Donec aliquam dolor quis convallis finibus. Vivamus commodo semper volutpat. Nullam iaculis, nisl in elementum viverra, ligula leo tristique mauris, ut laoreet justo massa ut nisi. Duis lacinia nulla justo, vitae vehicula arcu suscipit sed. Vivamus ac odio quis turpis rutrum lacinia a eu dui. Nullam imperdiet, nibh sit amet venenatis auctor, libero massa placerat ipsum, fermentum dignissim nibh mauris sit amet ex.
  
  Tredje punkthar kun litt tekst.
  
  Fjerde punkt i listen har lenke! Finn ut mer
- Nummerert liste (Strippet)
  
  Ferdig
  
  Første punkt i listen
  
  Andre punkt i listen har
  
  Tredje punkt
  
  Fjerde punkt i listen har lenke! Finn ut mer
- Nummerert liste (Gul)
  
  Ferdig
  
  Første punkt i listen(med ekstra informasjon)
  
  Andre punkt i listen haren særdeles lang tekst som går over flere linjer med lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla suscipit purus eu vehicula bibendum. Duis luctus magna ac dui convallis iaculis. Donec aliquam dolor quis convallis finibus. Vivamus commodo semper volutpat. Nullam iaculis, nisl in elementum viverra, ligula leo tristique mauris, ut laoreet justo massa ut nisi. Duis lacinia nulla justo, vitae vehicula arcu suscipit sed. Vivamus ac odio quis turpis rutrum lacinia a eu dui. Nullam imperdiet, nibh sit amet venenatis auctor, libero massa placerat ipsum, fermentum dignissim nibh mauris sit amet ex.
  
  Tredje punkthar kun litt tekst.
  
  Fjerde punkt i listen har lenke! Finn ut mer
- Varsel (Info)
  
  Ferdig
  
  Dette er en nøytral beskjed
- Varsel (Driftsmelding)
  
  Ferdig
  
  Dette er en driftsmelding eller endringsinformasjon
- Varsel (Advarsel)
  
  Ferdig
  
  Oida, e-postadressen er ikke gyldig
- Varsel (Godkjent)
  
  Ferdig
  
  Yes! Så flink du har vært!
- Varsel (Uten pil)
  
  Ferdig
  
  Dette er en varselboks uten pil og med full bredde. Varselboksene kan forresten innneholde lenker som står i løpende tekst, og man kan ha mer tekst etter.
- Varsel (Uten skygge)
  
  Ferdig
  
  Dette er en varselboks uten skygge
- Etikett (Standard)
  
  Ferdig
  
  9
- Etikett (Variasjoner)
  
  Ferdig
  
  9 19 4385 Med tekst Med tekst Med tekst
- Punktliste (Standard)
  
  Ferdig
  
  Første punkt i bullet-listen. Vis mer info
  Dette er en tekst med en lenke som står i løpende tekst og man kan ha mer tekst etter.
  
  Andre punkt i bullet-listen.
  
  Tredje punkt i bullet-listen.
- Koblet liste (Standard)
  
  Ferdig
  
  Første punkt Har både tittel, tekst og lenke. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Det kan du gjøre her
  
  Andre punkt har bare tittel
  
  Tredje punkt har bare tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  
  Tredje punkt har bare tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Vis mer info
  Dette er en tekst med en lenke som står i løpende tekst og man kan ha mer tekst etter.
- Popover (Standard)
  
  Ferdig
  
  Vis mer info
  Dette er en tekst med en lenke som står i løpende tekst og man kan ha mer tekst etter.
- Modal (Stegvis prosess)
  
  Ferdig
  
  Kari Nordmann
  
  Du har gjort endringer som ikke vil lagres
  
  Du har gjort endringer som ikke vil lagres
- Modal (Singel)
  
  Ferdig
  
  Kari Nordmann
- Ikonliste (Standard)
  
  Ferdig
  
  Forretningsplan.ods (last ned)
  
  Oppdragsavtale.doc (last ned)
  
  Driftsbudsjett.pdf (last ned)
- Personopplysninger (Standard)
  
  Ferdig
  
  JAN PETTERSEN
- Personopplysninger (Status)
  
  Ferdig
  
  JAN PETTERSEN
- Personopplysninger (Rolle)
  
  Ferdig
  
  Styremedlem William Mjelde

Regnestykke (Regnestykke)

Ferdig

Bruttolønn	100 000
Arbeidsgiveravgift 14.1% av 100 000	14 100
Feriepenger: 10,2% av 100 000	10 200
Pensjon: Minimum 2% av 100 000	2 000
Totalkostnad på en lønnskjøring på 100 000 brutto	126 300

Tabell (Tabell)

Ferdig

th	th 1	th 2	th 3	th 4
body th 1	body td 1	body td 2	body td 3	body td 4
body th 1	body td 1	body td 2	body td 3	body td 4
body th 1	body td 1	body td 2	body td 3	body td 4
body th 1	body td 1	body td 2	body td 3	body td 4

Ingen treff

Tittel på siden

Trenger du hjelp?

tema 1

tema 2

tema 3

tema 4

Tittel (h2)

A

B

C

D

E