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.

General guidelines

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 “231231” in a date-field, we will assume they mean “2023-12-31”.

Formatting rules

Date, time, numbers and account numbers

 

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.

 

Business Arena

Local adaptions in Business Arena

If users have English chosen as language, they are able to change what format they want the channel to use for date and numbers. The users set this in the channel settings component. They can choose freely between the following formats:

Date
  • DD/MM/YYYY
  • DD.MM.YYYY
  • YYYY-MM-DD
Number
  • 100,000,000.00
  • 100 000 000,00
  • 100.000.000,00

The value that will be visible to MFEs will be according to locale, e.g. if Date setting is set as "DD.MM.YYYY" in the UI, then the API will set "da-DK". It is then up to the MFE to set the correct date format in their MFE. We recommend using short date* in this link: https://www.intl-explorer.com/DateTimeFormat?locale=da-DK and this for number format: https://www.intl-explorer.com/NumberFormat/Currency?locale=sv-SE.

We have gathered the formats in the table below.

More info

For more information: Business arena - Settings for Date and Number (Confluence)

 

Locale*

Locale is a way of grouping the user's language, region and any special variant preferences that the user wants to see in their user interface. Usually a locale consists of at least a language and a region. E.g language could be "en" for English language and the region "GB" that stands for Great Britain region (since the English language is used in other countries as well).

 

Page last updated

Feedback

Was this helpful?