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.

Formatting guidelines

It's important that formatting of data is done consistently across a system, and hopefully the same way across all SEB systems.

Ideally we would like the user to be in control of the formatting by setting a personal preference as a profile setting. This has proven problematic in many of our systems. So we do need a fallback for how to handle this.

Language

Historically we have only relied on Swedish formatting rules, but as many systems and user contexts spread outside Swedish context, we need to at least have an “English” formatting available. To keep it fairly simple we choose to link the formatting to language-setting.

As we use British English, we also use British formatting rules when it comes to data.

When to apply formatting

Formatting of data should always be applied. We should also apply data formatting when user has entered data into a field. When the field looses focus, we should apply formatting rules.

The input should be as forgiving as possible, allowing users to enter data with or without formatting. Our application of format will act as an confirmation that we understood the input correctly. I.e if user enters “191231” in a date-field, we will assume they mean “2019-12-31”.

Table of formatting rules

Amounts

When entering values into the amount input field, the values shall get formatted on-the-fly according to SEB’s formatting rules. E.g.

  • 9000 = 9,000 for English
  • 9000 = 9 000 for Swedish

It should also be possible to put in decimals. E.g.

  • 9000.00 = 9,000.00 for English
  • 9000,00 = 9 000,00 for Swedish

When pasting an amount in the input field, the value shall get automatically formatted according to SEB’s formatting rules.

Related components

Input field

Subsections

Page last updated

Feedback

Was this page helpful?