Selfpoint
  • 💻Digitaliseringsplattform
  • Översikt
    • 🔎Mer om Selfpoint?
    • 📖Termer och förkortningar
    • ❔Vanliga Frågor Q/A
  • BYGGA I SELFPOINT
    • ⚙️Admin-portalen
      • Menyer
      • Systeminställningar
        • Systemcenter
        • Marketplace
        • Debug
      • Hem-vyn
      • Applikationer
        • Menybyggare
        • Användarinställningar för nya användare
        • Skapa ärenden från adminportalen (FormCreate)
      • Administration
        • Roller
          • Exempel: Skapa ny roll genom att kopiera befintlig roll
        • Grupper
          • Exempel: Skapa grupp
          • Exempel: Lägga till och ta bort användare
        • ConfigMap
        • Papperskorg
      • Exportering
    • 🧑‍🏫Tutorial - Bygga en tjänst
      • 🔀1. Processer och Formulär
        • Skapa process
        • Skapa formulär
        • Populera formuläret
        • Summering
        • Kräv inlogg (Valfritt)
      • ✅2. Ärenden och hantering
        • Vy för inkomna ärenden
        • Vy för att hantera ärenden
        • Hantering av ärende
      • 🗃️3. Spara data till register
        • Skapa register
        • Skriva till register
      • 📄4. PDF
        • Skapa mall
        • Generera PDF
        • Styla med CSS fil (Valfritt)
      • 📧5. Email
        • Skicka email
        • Attachments
        • Strukturera meddelande
    • 📚Stand-alone guider
      • 💁Användare och Autentisering
        • Skapa användare
        • Autentisering
        • BankID
      • ⏱️Cronjob
        • Skapa Cronjob
        • Exempel: Gallring
      • 💾Datadumpar / Rapporter
        • Skapa Datadump
        • Kör Datadump
        • Exportera data från Register
        • Importera data till Register
      • 📆Kalendrar
        • Skapa kalender
        • Skapa event
        • Boka event
      • Integrationer
        • Skicka Data
          • Connect effekt
          • Selfpoint API funktion
        • Ta emot data
          • Uppsättning av REST appliktion
          • Skapa endpoint
          • Autentisering
      • 📤Köer
      • ↔️Publicering / Avpublicering
        • Formulär
        • Processer
        • Register
        • Vyer
      • 🗃️Register
        • Skapa register
        • Skriva till register
        • Uppdatera register
        • Radera från register
        • Läsa från register
        • Referenser i register
        • Relationer
      • ⏩Bygga strömmar
      • ⏰Timers
        • Simpel
    • 🛠️Byggare
      • Effektbyggaren
        • Transformation
        • Context
        • Flöde
        • Spara
        • Test
      • Formulärbyggaren och PDF mallar
      • Processbyggaren
      • Vybyggaren
        • Vy-mallar
    • 🔨Handlebars
      • Nesting
      • Vanliga variabler
      • Matematiska operatorer
      • Datum / Tid
      • Text Manipulation
      • Logik
  • GRUNDFUNKTIONER
    • 🚥Effekter
      • Application
        • Count
      • Asset
        • Count
        • Get size of assets
      • Assign
        • To group
        • To user
        • Unassign
      • BankID
        • Collect
        • Sign
      • Calendar
        • Add Event
        • Book Event
        • Count
        • List Events
        • Remove Event
        • Unbook Event
        • Update Event
      • Category
        • Count
        • List
      • Connect
        • FTP
        • HTTP3
      • Bolagsverket SSBT
        • Uppsättning av configMap
        • getForetagsEngagemang
        • SSBTEN
        • SSBTGU
        • SSBTRO
      • DiaryNumber
        • Generate simple diary number
      • Document
        • Generate docx document (beta)
        • Generate PDF document
      • EWS
        • Get
        • Update
      • Google
        • Distance Matrix API
        • OAuth2 med Google
      • Graph
        • Get user(s)
      • Lantmateriet
        • Lantmateriet/adressSearch
        • Lantmateriet/fbSearch
      • Mail
        • Get mail template
        • Send
        • Send to group
        • Send to register
      • Mock
        • JSON
      • Notification
        • Count
        • Create
        • List
        • Delete
      • Pulsen
        • QID
        • Uppsättning av QID configMap
      • Purge (Gallring)
        • Purge All
      • Queue
        • Add
        • Get
        • Check if user in queue
        • Remove
      • Register
        • Add content
        • Count content
        • Distinct values
        • Get content
        • Remove content
        • Update content
      • Report
        • Run
      • Script
        • Simple
      • Signature
        • Send reminder
      • Skatteverket
        • Navet
      • Sms
        • Cellsynt
        • Telenor Pro
      • Swedbank Pay (WIP)
        • Find payment method
        • Swedbank Pay (WIP)
      • Test
        • Start
      • Ticket
        • Clone
        • Create
        • Dump
        • Get one ticket
        • Get assigned users
        • List
        • List signature requests
        • Set value
        • To XML
        • Update ticket
        • User has active ticket
        • Validate
        • Export data
      • User
        • Save profile
      • Validation
        • Simple
    • 📂Filer
      • Bild
      • CSS
    • 📝Formulär
      • Metadata
      • Exportera formulär
      • Sektioner (Form tab)
      • Använda kommunkoder
    • 🥳Ikoner
    • 🔠Kategorier
      • Kategorier
    • Kommunikation
      • Chat
      • Mail
    • 🧩Komponenter
      • Avancerade inställningar
      • Accordion
      • BankID
      • BankIdSignature
      • Button
      • CalendarBooking
      • Categories
      • Chart
      • Checkbox
      • ChildSelector
      • ConfirmBtns
      • Cookies
      • Datasheet
      • Date / Datumväljare
      • Dropdown
      • EffectCard
      • Error
      • EventBooking
      • Fileupload
      • Form
      • FromCards
      • FormTodo
      • GoogleMaps
      • GroupSelector
      • Heading
      • HR
      • Image
      • InlineHTML
      • Input
        • Guide med bilder
      • InputTable
      • KPI
      • LantmaterietSearch
      • LinkIcons
      • Location
      • Login
      • Logout
      • LookUp
      • Mina favoriter / MyFavourite
      • Notifications
      • OLMap
      • Password
      • PDF
      • ProcessBar
      • ProcessButtons
      • ProcessOverview
      • QRCode
      • Queueinfo
      • Radio
      • RadioIcon
      • Receipt
      • Repeat
      • Search
      • SectionIndicator
      • Stop
      • Summary
      • Table
      • Text
        • Textkomponenten
      • Ticket
      • Todos (TBD)
      • Row
    • 🤖Krokar
    • 🧾Mallar
      • Document
      • Mail
      • HTML
      • docx (beta)
      • Script
    • 🔀Processer
    • ⏩Strömmar
    • ✔️Valideringar
  • AVANCERAT
    • 🔤Ladda upp fonter
    • 🪄CSS Selektorer (WIP)
      • Accordion
      • Categories
      • ChildSelector (WIP)
      • Datasheet
      • Date
      • Dropdown
      • FileUpload
      • FormCards
      • Heading
      • Image
      • Input
      • InputTable
      • KPI
      • Lookup
      • Navbar
      • ProcessButton
      • Radio
      • Repeat
      • SectionIndicator (WIP)
      • Summary (WIP)
    • 🚥Custom Effekter
    • 🎨Färger
    • 🔃Selfpoint API
      • Application
      • Asset
      • Calendar
      • Category
      • ConfigMap
      • Configuration
      • Connect
      • Counter
      • Document
      • Form
      • Group
      • Hook
      • HTML
      • Job
      • Mail
      • Menu
      • Notification
      • Process
      • Queue
      • Register
      • Report
      • Role
      • Stream
      • Template (WIP)
      • Ticket
      • User
      • Util
      • Validation
    • 🤔Troubleshooting
      • Inloggade användare visas som "Anonymous"
  • Specialanpassningar
    • Avvikelsemodulen
      • Gallring enligt HSL
    • Utdrag av användare och dess behörigheter
  • Information
    • ⚠️Aktuella driftstörningar
    • 📓Release notes
      • RC
        • 24-07-001
        • 24-06-002
        • 24-06-001
        • 24-05-003
        • 24-05-002
        • 24-05-001
        • 24-04-003
        • 24-04-002
        • 24-04-001
        • 24-03-003
        • 24-03-002
        • 24-03-001
        • 24-02-003
        • 24-02-002
        • 24-02-001
        • 24-01-004 (hotfix)
        • 24-01-003
        • 24-01-002 (hotfix)
        • 24-01-001
        • 23-13-005
        • 23-13-004
        • 23-13-003
        • 23-13-002
        • 23-13-001
        • 23-12-005
        • 23-12-004
        • 23-12-003
        • 23-12-002
        • 23-12-001
      • Stable
        • 2.0.0
          • 2.4.0
          • 2.3.4
          • 2.3.3
          • 2.3.2
          • 2.3.1
          • 2.3.0
          • 2.2.0
          • 2.1.2
          • 2.1.1
          • 2.1.0
          • 2.0.1
        • 1.0.0
          • 1.0.3
          • 1.0.1
        • 23-05-045
        • 23-05-044
        • 23-05-043
        • 23-05-042
        • 23-05-041
        • 23-05-039
        • 23-05-038
        • 23-05-037
        • 23-05-036
        • 23-05-035
    • 💻Hur arbetar Selfpoint med produktutveckling?
Powered by GitBook
On this page
  1. GRUNDFUNKTIONER
  2. Komponenter
  3. Input

Guide med bilder

Inputkomponenten kan ha flera olika användningsområden.

PreviousInputNextInputTable

Last updated 11 months ago

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 (länk till extern webbplats).

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).

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:

🧩
RegEx
Här hindrar valideringen E-post mig att gå vidare då jag missat att fylla i min mejladress på ett korrekt vis.
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.