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"
}
