Last modified: May 28, 2024

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

PropertyValue
typeEmail
titleThe text resource to display. Does not support formatting.
targetThe email address the link should point to.

Example

{
    "type": "Email",
    "title": "hjelp@etaten.no",
    "target": "hjelp@etaten.no"
}

Properties

PropertyValue
typePhone
titleThe text resource to display. Does not support formatting.
targetThe phone number the link should point to.

Example

{
    "type": "Phone",
    "title": "+47 987 65 432",
    "target": "+4798765432"
}

Properties

PropertyValue
typeText
titleThe text resource to display. Supports formatting.

Example

{
    "type": "Text",
    "title": "footer.description"
}