Denne pakken inneholder Altinn 3 custom komponenter. Les mer om web components for Altinn 3.
Her finner du gjenbrukbare komponenter som kan vise f.eks. et adresseobjekt eller et parts navn på en standard måte slik som Direktoratet for Byggkvalitet ønsker i Fellestjenester BYGG-plattformen.
- Text - viser tittel med tekst fra ressurs
- Text - viser undertittel med tekst fra ressurs
- Text - viser paragraf med tekst fra ressurs
- Data - viser et datafelt med label
- Boolean text - viser et boolsk med gitte tekster for true/false verdier
- Adresse - viser et komplett adresseobjekt
- Part-navn - viser parts navn med evt organisasjonsnummer
- Kommunens saksnummer - viser et kommunalt saksnummer sammensatt av saksår og sekvensnummer.
- Prosjekt - viser prosjektnummer sammensatt av nummer og navn
- Telefonnummer - viser alle telefonnummer som er angitt på et parts-objekt
- Utfallbesvarelse - viser status basert på Utfallsvar-objektet
- Utfall svar - viser liste Utfallsvar-komponentgrupper
- Data - viser en tabell med verdier
Installer libman cli som et globalt verktøy (kun nødvendig 1 gang pr maskin)
dotnet tool install -g Microsoft.Web.LibraryManager.Cli
Initialiser libman.json og bruk unpkg.com som default kilde
C:\dev\src\dibk\ig-v3\App> libman init
DefaultProvider [cdnjs]: unpkgInstaller pakken til wwwroot/ftpb-components
C:\dev\src\dibk\ig-v3\App> libman install @arkitektum/altinn-studio-custom-components@1.5.1 -d wwwroot/ftpb-components
wwwroot/ftpb-components/dist/main.js written to disk
wwwroot/ftpb-components/package.json written to disk
wwwroot/ftpb-components/README.md written to disk
Installed library "@arkitektum/altinn-studio-custom-components@1.5.1" to "wwwroot/ftpb-components"Legg til libman i byggeprosessen i dotnet-prosjektet
C:\dev\src\dibk\ig-v3\App> dotnet add package Microsoft.Web.LibraryManager.BuildKjør bygging på vanlig måte
C:\dev\src\dibk\ig-v3\App> dotnet buildLegg til referanse i views/Home/index.cshtml. Legg til link-taggen i head og script-taggen nederst i body. Pass på å bytt ut starten av stien /dibk/ig-v3 med reel sti for appen.
<!-- Custom components -->
<html>
<head>
<link rel="stylesheet" type="text/css" href="/dibk/ig-v3/ftpb-components/dist/main.css" />
</head>
<body>
<script type="module" src="/dibk/ig-v3/ftpb-components/dist/main.js"></script>
</body>
</html>