Link
Knapp eller lenke for å sende brukeren til en ekstern side.
Link-komponenten kan brukes for å sende brukeren til en ekstern side. Den kan rendres som enten en knapp eller en lenke.
Konfigurasjon
Link-komponenten kan konfigureres med følgende egenskaper:
Egenskap | Type | Beskrivelse |
---|---|---|
textResourceBindings.title | string | Tittelen på knappen eller lenken. |
textResourceBindings.target | string | URL-en som skal åpnes. |
textResourceBindings.download | string | Last ned fil istedetfor å navigere til den. Verdi blir nedlastet filnavn. Blank streng angir default filnavn. |
openInNewTab | boolean | Om URL-en skal åpnes i et nytt vindu eller ikke. |
style | string | Stilen til knappen. Kan være en av følgende: primary , secondary , link . |
Eksempel
{
"id": "some-id",
"type": "Link",
"textResourceBindings": {
"title": "Bekreft i altinn.no",
"target": "https://altinn.no/bekreft"
},
"openInNewTab": false,
"style": "primary"
}
Dynamisk URL
I noen tilfeller kan det være nødvendig å ha mer informasjon i query parametere som for eksempel instans id slik at du kan sende brukeren tilbake til instansen fra din eksterne side.
Dette kan gjøres ved å bruke et uttrykk i target
-egenskapen. Se følgende eksempel:
{
"id": "some-id",
"type": "Link",
"textResourceBindings": {
"title": "Bekreft i altinn.no",
"target": [
"concat",
"https://altinn.no/bekreft?instanceId=",
["instanceContext", "instanceId"]
]
},
"openInNewTab": false,
"style": "primary"
}
Nedlasting
Anta at du har en PDF som skal kunne lastes ned, og at PDF-innholdet er en base64-kodet streng i datamodellen. Da kan target
og download
brukes til å vise en lenke eller knapp for å laste ned filen:
{
"id": "some-id",
"type": "Link",
"textResourceBindings": {
"title": "Download PDF",
"target": [
"concat",
"data:application/pdf;base64,",
["dataModel", "Path.To.Pdf"]
],
"download": "downloadFilename"
},
"openInNewTab": false,
"style": "secondary"
}
Her slås downloadFilename
opp i språk-ressursene. Den kan inneholde variabler som alle språkressurser. target
kan også være en språkressurs med variabler istedetfor et uttrykk som her.
Miljøkonfigurasjon
Dersom din eksterne tjeneste har ulike kjøretidsmiljøer, og du ønsker å sende brukeren til det korrekte miljøet avhengig av miljøet appen kjører i, kan du konfigurere dette i appsettings.[miljø].json
filene i appen din.
I det følgende eksempelet konfigurerer jeg to ulike URLer avhengig av om appen kjører i staging- eller produksjonsmiljøet.
appsettings.Staging.json:
{
"FrontEndSettings": {
"redirectUrl": "https://tt02.altinn.no/bekreft?instanceId="
}
}
appsettings.Production.json:
{
"FrontEndSettings": {
"redirectUrl": "https://altinn.no/bekreft?instanceId="
}
}
layout.json:
{
"id": "some-id",
"type": "Link",
"textResourceBindings": {
"title": "Bekreft i altinn.no",
"target": [
"concat",
["frontendSettings", "redirectUrl"],
["instanceContext", "instanceId"]
]
},
"openInNewTab": false,
"style": "primary"
}