Roadmap

Here you can get up-to-date information about upcoming components, utilities, and features that we'll be adding to the Emarsys Design System. For the latest releases, check out our Release Notes page.

New Date-Time Picker Features

Coming in 2023 Q2

We'll enhance our Date-Time Picker component with new features, such as displaying Cancel and Apply buttons in the panel, the ability to disable the start or end date, and improving the display of error messages.

Support for Theming

Coming in 2023 Q2

We'll be adding support for themes to the Emarsys Design System, so dark mode and high contrast mode can be enabled in the Emarsys Platform, making our product more accessible.

Asset Library

Coming in 2023 Q2

We'll be replacing our existing Icon Library with a system that can host other graphical elements, such as pictograms and illustrations. This system will also support themes.

Datagrid - Highlight Rows For Editing

Coming in 2023 Q2

We'll be enhancing the Datagrid with the ability to visually highlight rows, so they can appear as selected while content related to the row is being edited. This will be used in Block Editor and Automation Program History.

Chart- Highlight Datapoints

Coming in 2023 Q2

We'll be enhancing Charts with an API that can visually highlight datapoints and certain graph elements.

Screen Reader Support

Coming in 2023

We'll be incrementally rolling out screen reader support for the Design System. First for navigational elements, then for individual components.

Show older releases

New Rule Builder Features

Released in 2023 Q2

We'll enhance our Rule Builder component with new features, such as adding a disabled state, increasing the available input types for the summary, and the ability to disable renaming groups.

Accessibility for All Components

Released in 2023 Q1

We'll add keyboard accessibility to all the currently active components in the Emarsys Design System, making it easier for product teams to follow accessibility standards. For deprecated components, please refer to the Migration Guides to update them.

Illustrated Message Component

Released in 2022 Q4

We'll iterate on the Empty State component to make it more flexible and support more use-cases.

Horizon Theme

Released in 2022 Q4

We'll be implementing the SAP Horizon theme in the Emarsys Design System, giving our UI a fresh new look that's aligned with the latest Fiori guidelines.

Dialog Iteration

Released in 2022 Q3

We’ll be redesigning the Dialog component to support more customization options, a highly requested overlay-scrolling solution, and provide blueprints for a wider range of use-cases.

Datagrid Iteration

Released in 2022 Q3

We'll be implementing a set of improvements on one of our most robust components, the Datagrid. These improvements will address usability issues, add some highly requested features, and make the experience of Overview Pages better. Our aim is to make this iteration backward-compatible with the existing code, so product teams won't have to spend much time implementing the enhancements.

Convert CSS to Web Components

Released in 2022 July

We'll be continuing to turn our older CSS components into Web Components to make implementation and maintenance easier for our developers. Needless to say, we'll be making these web components keyboard accessible as well!

We're aiming to cover the following existing components: Horizontal Tab Component, Vertical Tab Component, the Steps Component, and the Accordion Component.

Password Input Component

Released in 2022 June

We're expanding the list of our available form field components with a Password Input Component, which will include features that come handy when it comes to handling passwords, such as showing-hiding the password, and showing validation.

Confetti Component

Released in 2022 May

We're planning to add a few components aimed at making our workflows just a bit more delightful for our users. One of these components will be the Confetti, which can be used to drive home the feeling of success after finishing a workflow. 🎉

Criteria Iteration

Released in 2022 January

The Automation & Personalization Area has been working on an enhanced version of the Criteria component, and we're hoping to replace our existing component with this improved iteration. The new Criteria component will come with new features (such as nesting) and usability improvements.

The new Criteria component is called the Rule Builder component.

Keyboard Support for Common Components

Released in 2021 December

The Emarsys Platform will have an improved support for accessibility standards.

Navigation Sidebar, the Datagrid component, and the most commonly used UI elements are fully keyboard accessible.

UI Redesign

Released in 2021 November

As Emarsys has become part of the SAP family, our UI will be updated to reflect this relationship. The layout of screens won't change much, but we'll have a new color palette, a new typeface, and some updated Design System components and guidelines to help make Emarsys look like a SAP product.

Popup Utility

Released in 2021 June

Released as part of our 2021 June update, the Popup utility helps in the creation of custom popover panels. Before this, only certain components had the ability to display popover panels, but now it's a lot easier to give this functionality to UI elements. Later on, we'll be modifying the Design System components to use the Popup utility as well.

Suggest Input

Released in 2021 June

Released as part of our 2021 June update, our brand new Suggest Input component is an enhanced version of our text input. It displays suggestions from a list as the user types — similarly how search engines across the internet auto-complete your sentences. This component is really useful when we want to help the user enter a value that already exists in a list, but also want to give them the ability to use a new value that doesn't exist in that list.

Contextual Help

Released in November 2020

Nobody likes to get stuck while aiming to complete a task. While help portal still remains solid, we want to aid our users at the right time, to provide the correct information when they need it. Contextual help can be accessed from the Menu – by hitting the „?” icon. It will open a panel with relevant information for the page our user is browsing at the moment.

Icon Rework

Relased in July 2020

Icons are a core visual component in the Emarsys Platform, and we’re going to rework them all for a more consistent look, and organize them in a more logical system.

Delighters - Skeleton States

Released in March 2020

These component states display a placeholder content to the user before the page finishes loading. These placeholder shapes make sure the expectations are set before the actual content of the page is visible.

Delighters - Loading spinner

Released in March 2020

We’ll be working on a redesigned Loading Spinner component that’ll match the new look of Emarsys. With this new spinner, we’re also aiming to reduce the perceived waiting time.

Drag and Drop

Released in March 2020

Drag and drop has been available in Emarsys on certain pages for a while. This time, we’re making a version that’s part of our Design System, so designers and developers can use our utilities to implement this advanced behaviour in their products. The new Drag and Drop behavior will debut in Emarsys Home.

Notice

Released in March 2020

Heads-ups, errors, success messages — they are all crucial information that our users bump into during their day to day work. We’re consolidating and improving these components to make it better both for our users to interact with them, and for our developers to implement them.

Date-Time Picker

Released in March 2020

Communication and Automation is all about timing — and with the redesigned Date-Time Picker component, we’re determined to help our customers pick the right time to send their message, however complex their needs might be. The new Date-Time Picker component makes it super easy for developers to implement a powerful and modular date-time-interval picker in their product.

Multiple Choice in Action List

Released in February 2020

We’ll be making a flexible List component that can be used in many contexts across the Emarsys Platform. We’re planning to use this new List in the Select and Multiselect components, the Navigation, and in the upcoming Tactics filter bar. We’re aiming to make the List universal enough so when designers want to include some list-style layout in the product, they can use this component right away.

Redesign

Released in January 2020

Same Emarsys, brand new clothing! The redesigned UI brings the look and feel of the Emarsys Marketing Platform closer to modern trends — and also to the Emarsys brand itself. Beside the visual changes, we’ve also incorporated various UX fixes to make life easier for our users.

Menu Redesign

Released in January 2020

The Navigation menu has changed to make more sense for our users — with an improved structure and product-specific iconography. The new menu is a sidebar, to better accommodate our expansive product catalog and to save vertical space on the screen.