New Look Overview
Overview
New Look is a new design of ESM that emphasizes simplicity, ease of use, and intuitive navigation. Its essential feature is minimalism as the New Look is designed to be simple and clean, with redesigned buttons, menus, and fewer visual distractions. At the same time, the functionality and a set of standard features and modules remain the same with the only difference being that for some of them, a slight change in the location of the items took place.
To activate the new design of the system see How to rollout New Look in your Organization page.
The key changes for the New Look are described below.
Navigation
By default, all Navigation Items are collapsed and shown as icons:
Click on the main menu icon next to the logotype to expand the view:
Search by Navigation items is no longer available. Use the Global Search instead.
Navigation includes 2 levels, main and nested, while the other sub-levels are located on the selected page as follows:
Expand the Navigation of the tab with the icon to see other nested levels:
Structures have also only 2 levels in the Navigation, while other sub-levels can be browsed on the selected page. See also Structures page.
For more details, see also Navigation Items page.
Search Filters
Search filters, that were previously shown as a part of the Navigation, are now located as follows and can not be a part of the Navigation anymore:
Additionally, you can apply more than one filter at the same, for example:
Managing filters panel has also more simplified navigation and configuration:
Query Builder for creating new and editing existing filters has also a more laconic and simplified design:
For more details, see also Search Filters page.
Breadcrumbs
Breadcrumb or breadcrumb trail that reveals the user's location in the application has a new styling and is no longer highlighting the current page, but the items remain clickable and you can navigate to any upper level as before:
Recents & Favorites
The panel with Recents and Favorites is located in the right upper corner of the page and can be opened by clicking on the icon.
If the icon is not shown, there are no recently browsed items or nothing in the Favorites.
To activate, browse the application or add items to Favorites with the icon:
The panel contains Recents and Favorites combined each having its tab:
Click on the necessary item to open the page or use search for navigation in the items.
For more information about Recents, see also Applications page.
Favorites tab differentiates between the Navigation Items and Objects, for instance:
Additionally, you may expand the Favorite Navigation Items by clicking on the corresponding icon as follows:
For more information about Favorites, see also Applications page.
Actions
Dataset Views show only the first Action available for this page. This Action is now placed next to the search field, search filters, and other options of the Dataset View:
If there is more than 1 action available, click on the more options icon next to the first displayed action to see the complete list:
Column Search
The Column Search in Dataset Views and Grids can be activated through the grid header's row. In the column, click the icon and choose Filter by column... option to enable the column search:
Column search is displayed for all columns of the grid:
For more details, see also Search in UUX: Column Search page.
Grouping
Grouping can be run through the grid header's row. In the column, click the icon and choose Group by column... option to enable the grouping:
The grouping panel shows the applied criteria as follows:
In the same way, you can also add several columns for grouping, for instance
To quickly switch to all results without grouping, click All in the Group by panel:
If there are multiple results, use the keyword filter for a better search result:
For more details, see also Search in UUX: Grouping page.
Themes
There are 4 new themes that are adapted for the New Look:
- Light (default)
- Dark
- MX42 Light
- MX42 Dark
They are located in the Administration application → User Interface → Themes. Additionally, the currently used theme in the New Look is marked as follows:
Currently active themes for the Classic user interface and the New Look can differ. Both themes run independently and are applied to each user interface separately.
For more details, see also Themes page.