Lage apper Utvikling Brukergrensesnitt Komponenter

Komponenter

Komponenter er byggeklossene i applikasjoner.

Nedenfor er en tabell med layout-egenskaper for komponenter. Mer spesifikke egenskaper og definisjoner finner du i beskrivelsen for hver komponent og i filen layout JSON schema.

Vis/skjul innhold Layout-egenskaper for komponenter

Egenskap	Tittel	Type	Beskrivelse
`id`	id	string	Komponentens ID. Må være unik innenfor alle layouts/sider i et layout-set. Kan ikke ende med `<bindestrek><nummer>`.
`type`	Type	string (enum)	Komponenttype.
`required`	Påkrevd	boolean	Boolsk verdi eller uttrykk som indikerer om komponenten er påkrevd når man fyller ut skjemaet. Standardverdi: `false`.
`readOnly`	Kun lese	boolean	Boolsk verdi eller uttrykk som indikerer om komponenten skal presenteres som kun lese. Standardverdi: `false`. Merk at selv med read-only felt i komponenter, kan det for øyeblikket være mulig å oppdatere feltet ved å endre requesten som går til APIet eller ved et direkte API kall
`renderAsSummary`	Vis som sammendrag	boolean	Boolsk verdi eller uttrykk som indikerer om komponenten skal vises som et sammendrag. Standardverdi: `false`.
`hidden`	Skjult	boolean	Boolsk verdi eller uttrykk som indikerer om komponenten skal skjules. Standardverdi: `false`.
`textResourceBindings`	Tekstressursbindinger	object	Tekstressursbindinger for en komponent.
`dataModelBindings`	Datamodellbindinger	object	Datamodellbindinger for en komponent
`triggers`	Triggere	array	En array med handlinger som skal utløses når data tilknyttet denne komponenten endres.
`labelSettings`	Innstillinger for etikett	object	En samling med innstillinger for hvordan komponentetiketten skal vises.
`grid`	Grid	object	Innstillinger for komponentens rutenett (grid). Brukes til å kontrollere horisontal justering.
`pageBreak`	Sideskift	object	Kun PDF: Verdi eller uttrykk som indikerer om et sideskift skal legges til før eller etter komponenten.

ActionButton
Address
Alert
Komponenten kan brukes til å vise en melding med ulike alvorlighetsgrader.
AttachmentList
Avkrysningsbokser
Inndataelement som lar brukeren velge eller fjerne valg for ett eller flere alternativer.
Bilde
Vis visuelt innhold som bilder, skjermbilder, illustrasjoner og grafikk
Button
ButtonGroup
Sett opp ulike typer knapper horisontalt
Custom
CustomButton
Oversikt over CustomButton-komponenten
Datepicker
FileUpload
FileUploadWithTag
Grid
Grid-komponenten brukes til å visuelt oppstille komponenter i en tabellvisning
Group
Header
IFrame
IFrame-komponenten kan brukes til å rendre din egen HTML og CSS i en Altinn-app.
Input
InstanceInformation
InstantiationButton
Likert
Likert-komponenten lar brukeren svare på spørsmål ved å velge et av flere alternativer ved hjelp av radioknapper.
Link
Knapp eller lenke for å sende brukeren til en ekstern side.
List
Listekomponenten kan brukes til å presentere innholdsrike data til bruker i tabellformat. Hver rad i tabellen er velgbar. Komponenten støtter søk, sortering og paginering.
Map
MultipleSelect
MultipleSelect kan benyttes når brukeren kan velge blant flere valg
NavigationBar
NavigationButtons
Nedtrekksliste
Inndataelement som lar brukeren velge kun ett alternativ i en liste med flere alternativer.
Nestet trekkspilliste
En komponent som lar deg ha trekkspillister inni en annen
Panel
Panelkomponenten kan brukes til å vise viktig informasjon til brukeren.
Paragraph
PrintButton
En knapp som åpner en utskriftsdialog for gjeldende skjemaside
RadioButtons
Inndataelement som lar brukeren velge ett av flere alternativer.
Summary
Trekkspilliste
En komponent som lar deg gruppere innhold i sammenleggbare seksjoner
Widgets
Hvordan bruke sammensatte komponenter (widgets).