Internet Explorer is not supported by Design Library

The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.

Consequently, we have decided to not include support for IE in the Design Library website.

Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.

Confirmation layout

Gives the customer clear feedback that the task they have implemented is done. 

Guideline

Short description

When a user has gone through a flow of one or several steps, for example made a transaction, applied for a loan or connected their business system with the bank, it is important to give the user clear feedback of a happy flow. Therefore we use the confirmation icon placed together with informative text/step/label/bodytext.

When and how to use it

Use the confirmation layout to give the customer clear feedback that the task they have implemented is done. 

Behaviour

The icon is always placed to the left. The confirmation group can be placed in different ways depending on what other content the page contains.

The confirmation group should always contain the confirmation icon and a header. It can also contain different set ups like:

  • A step title and a header
  • A label and a header
  • A step number with a step title placed with the confirmation icon (see examples)

All combinations can also contain a body text. Keep the copy short and clear!

Placement

The confirmation layout is always placed in the top of content area:

  • In smaller devices, the button or button group is always placed at the bottom for better reachability.
  • In desktop, if the page contains no summery or secondary content etc, consider placing the confirmation layout centred on the page, still left aligned.

 

Specification

Specification

 

Subsections

Page last updated

Feedback

Was this page helpful?