As part of the App template, there is an optional front end to render a modern and responsive UI.
For digital services targeting API consumers strictly, there is no need for the front end.
The application developer configures the UI in Altinn Studio UI-designer.
The configuration files are deployed together with the application.
The UI-Render functionality in App Frontend renders the UI based on the configuration set in Altinn Studio when users access the digital service.
The App template front end has default support for the supported task types in the application. Therefore, the front end has a default behavior for each supported task.
The default view for the data task is to present the configured UI components mapped to the application data models.
The default view for confirmation allows the user to look at data, return to data for modification or confirm data by pressing a button.
The view for the feedback task shows default information about the instance that is awaiting external feedback.
The list of supported UI components is growing. This list includes UI components developed by the core Altinn team and components from the open-source community. A noncomplete list of UI components includes:
- Multiple select
- Dropdown list
- Repeating group
You can find UI-component documentation here.
The App Template front end supports having multiple pages of UI components in the same task view.
Multipage support is essential for digital services with a large amount of data that needs input.
Read how to configure page navigation.
Configuring dynamics that manipulate the UI based on data and other aspects is possible. Dynamics is configured using expressions.
Read how in the Application Developer Handbook.
The front end support configuring the digital service with multiple languages. It even supports right-to-left languages.
Read more about language support.
Suppose the standard application front end does not fulfill your needs.
The template supports that you can replace the standard front end with your custom front end based on your preferred technology.