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/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 Text
title The text resource to display. Supports formatting.

Example

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