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.
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.
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.
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".
Overview
Write out the name of the month when it is possible. It might be space-consuming, but it is more accessible to the users. If you want to include the weekday, always aim to write out the whole weekday. If you run out of space, consider not using the weekday at all rather than shortening it. If you must include it and it must be shortened, do it with three letters.
Using ISO åååå-mm-dd is acceptable when there is a lack of space, but never in a body text.
Stay consistent. If a date is written out with the name of the month, do not write åååå-mm-dd in the same context. If a date needs to be shortened, use one of the short versions of the month written out.
In contexts where months are listed and abbreviated due to limited space, the full stop (period) is unnecessary.
The format åååå-mm-dd is not used in the app.
When entering values into the amount input field, the values shall get formatted on-the-fly according to SEB’s formatting rules. E.g.
It should also be possible to put in decimals. E.g.
When pasting an amount in the input field, the value shall get automatically formatted according to SEB’s formatting rules.
In time periods and other ranges, we use short dashes (en dash). There should be no spaces before or after the dash.
In the phrases between … and … and from … to …, it’s standard to retain the word and or to instead of using an en dash, to maintain parallel construction in the sentence. Or use the en dash instead of between/and respectively from/to.
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:
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* (referred to date numbers only in Design Library) 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.
For more information: Business arena - Settings for Date and Number (Confluence)
*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).