Step 5 of the User Interface (UI) transformation (see here for more info) introduces significant improvements to the table design to enhance usability, readability and functionality. These functions are implemented gradually in the tables of the various modules.
The new design provides:
- Selection options for efficient bulk actions.
A row can be selected with the checkbox in the left column. If a module support the selection of multiple rows, then you can click the rows that you need or use SHIFT to select a range of rows. - Toolbar for quick access to relevant actions that can be done for the selected rows.
When rows are selected, a toolbar appears on top showing the number of selected rows (click to deselect), contextual buttons and a switch to hide the unselected rows from the table. - Row action buttons appear when hovering
in the last column.
The button bar at the right side is another option for action buttons that apply to the hovered row. No need to select a row first. - Better button organization: Buttons that do not apply to selected rows are now positioned on the right for better clarity.
- Inline editing: Edit data directly within the table for a faster an smoother experience.
Editable cells are highlighted. Click in cell and start editing. Press ENTER or click anywhere to finish.
If a non-editable cell is clicked, the whole row is selected. - More table rows are available at a glance by removing the module name and buttons.
The module name is now shown in the breadcrumb bar and the buttons are no longer shown. Both decrease the space above the table, resulting in more rows shown in the table. - Density modes: Choose between compact, default or large via
(4) to see more or less rows to match your preference.