Guide med bilder

Inputkomponenten kan ha flera olika användningsområden.

Exempelvis kan den användas som presentation av information om en person som loggar in eller en möjlighet att portalanvändaren kan ange information. För att underlätta att man får in korrekt information från användaren kan man sätta olika regler (valideringar) på sina inputkomponenter.

I inställningarna för komponeten styr du hur komponenten används.

Namn: Här kan du sätta ett namn på inputkomponenten.

Rubrik: Här kan du sätta en rubrik för inputkomponenten.

Underrubrik: Här finns möjlighet att sätta underrubrik för inputkomponenten.

Validering: Vill man att inputfältet ska validera något av de RegEx man har gör man det valet här. Exempelvis för e-post. Då "tvingar" man användaren att ange sin information på det sättet man vill ta emot den.

Läs mer om och testa RegEx (länk till extern webbplats).

Här hindrar valideringen E-post mig att gå vidare då jag missat att fylla i min mejladress på ett korrekt vis.

Här finns även valen Inaktiverad, Obligatoriskt och Flera rader.

Standardvärde: Här kan man ställa in inputkomponenten att exempelvis hämta personens namn, adress med mera (kräver inlogg och koppling mot Navet).

Här hämtas Anna Anderssons för- och efternamn från Skatteverket när hon loggade in. Notera att dessa rutor har en ljus bakgrund vilket betyder att fälten kan redigeras av portalanvändaren.
Här har vi inaktiverat fälten så att den som loggar in får upp sitt namn men kan inte ändra informationen i inputfälten.

Inställningarna för standardvärde med inaktiverat inputfält:

Att sätta standardvärden för namn, adresser med mera kan underlätta för era användare när de loggar in i en e-tjänst och de slipper att skriva in allt manuellt. Detta minskar också felmarginalen då data kommer från Skatteverket.

Input-type: Här kan man hjälpa användaren om man vill att data ska skrivas in på ett visst vis. Väljer man exempelvis Lösenord kommer den data som matas in i inputfältet inte synas mer än som prickar.

Väljer vi datum kommer inputfältet se ut så här:

Last updated