Footer
How to configure the footer.
Footer is only available in version 7.7 and higher.
In the footer you can put things like contact information, links, and other text. In new applications, the footer contains a link to Altinn 3’s accessibility statement by default.
The footer is defined in the footer .json
file under App/ui
. This file is similar to other layout files, but is much simpler. The default footer is defined like this:
{
"$schema": "https://altinncdn.no/toolkits/altinn-app-frontend/4/schemas/json/layout/footer.schema.v1.json",
"footer": [
{
"type": "Link",
"icon": "information",
"title": "general.accessibility",
"target": "https://www.altinn.no/om-altinn/tilgjengelighet/"
}
]
}
New components can be added to the footer
array.
Components
Properties
Property | Value |
---|
type | Email |
title | The text resource to display. Does not support formatting. |
target | The email address the link should point to. |
Example
{
"type": "Email",
"title": "hjelp@etaten.no",
"target": "hjelp@etaten.no"
}
Properties
Property | Value |
---|
type | Phone |
title | The text resource to display. Does not support formatting. |
target | The phone number the link should point to. |
Example
{
"type": "Phone",
"title": "+47 987 65 432",
"target": "+4798765432"
}
Properties
Property | Value |
---|
type | Link |
title | The text resource to display. Does not support formatting. |
target | The URL the link should point to. |
icon | Icon to display next to the link. Either information , email , or phone . |
Example
{
"type": "Link",
"icon": "information",
"title": "general.accessibility",
"target": "https://www.altinn.no/om-altinn/tilgjengelighet/"
}
Properties
Property | Value |
---|
type | Text |
title | The text resource to display. Supports formatting. |
Example
{
"type": "Text",
"title": "footer.description"
}