Skip to main content
Skip table of contents

Reading and editing mode on the masks

Basics

The form field appearance on the masks was changed to a new look to be able to improve the user experience.

The concept is based on an introduction of a reading display, which differs in layout and handling from the editing display.

Studies show that people read information significantly more often than they edit it. In this respect, the approach is that unfilled information, which offers no added value to the reading user and instead tends to reduce clarity, is not displayed in a reading display. The reading display follows the concept "less is more". For example, content-empty fields as well as the icons for changes (e.g. lookup, dropdown selection) are not displayed and the fields are basically visually reduced to the texts (no frames, background highlighting or similar).

To change (or delete) existing information, there is a possibility to edit individual fields in the reading display. To add information within a dataset, the user can switch to the edit display via "Edit" in the toolbar, so that the "missing" fields and icons are displayed again. However, this is not a global / cross-dataset representation, but is related to this specific dataset (editing this dataset).

Tip

Shortcut for switching between Edit and ReadCTRL+Q

Business partner in reading mode

Business partner in editing mode

Reading display

When calling up datasets, masks are always opened in the reading display. At the same time, a button Edit is offered in the toolbar in order to be able to switch to the editing display.

In the READING display all empty (= not filled) fields are basically NOT VISIBLE.

  • When opening the dataset, no field is in focus. Instead, the focus is on the Edit button (initially indicates new function)

  • Fields are always displayed without frames, lines, etc.

  • Field content can be marked / copied like text on a website

  • Action icons
    Send mail / Show website are no longer displayed, instead the entry is shown as link, with a click a new mail (in CRM) or the website is opened in a new browser tab, in case of a Teams integration the icon is shown to the left of the mail address
    Make call is only displayed once, display only for lookup fields on persons (Contact button), when clicked a small selection dialog is displayed (if multiple choices are available)

  • Icons are not displayed if no action is available (no disabled buttons)

  • Dropdown/Lookup are not displayed

  • Dataset links are highlighted in blue like the Send mail / Show website link, when clicked the linked dataset is opened

Tip

In the reading display the SINGLE EDITING can be activated

Show and hide mask components

Show and hide fields

Delete a field value

Reading display: if a field value is deleted, the field remains visible empty in the single editing until

  • the change has been saved or

  • the dataset is updated (Update button → leads to the Save query) or

  • the dataset is exited (Update button → leads to the Save query)

Editing display: if a field value is deleted, the field remains visible empty in the editing until

  • the editing is finished with "Save" or

  • switching to the reading display (without a save request) or

  • the dataset is exited (Update button → leads to the Save query) or

  • the dataset is updated (Update button → leads to Save query BUT dataset remains in editing)

Show and hide cards

Distances of the cards

  • In the Card Layout, distances between cards are used by using empty boxes with a minimum height

  • Boxes at the beginning and end of a column are hidden

Maximize cards

  • Maximize mode for cards is available

  • (Single) editing is available even with maximized cards

  • Maximization remains mostly present when changing the mode (Read → Edit and Edit → Read)

Show and hide tabs

A tab is hidden in the reading display if all fields on that tab are empty.

Show and hide columns

If all cards of a column are hidden, the remaining columns will center on the screen but will not widen in size

Single editing

In the reading display, individual fields can be edited in a kind of SINGLE EDITING.

When hovering, the field is highlighted by line and by the pen icon.

In the SINGLE EDITING all empty (= not filled) fields are still not visible. Clicking the pen icon or the field puts the focus into the field and highlights the existing field value. You can start typing immediately. In addition, the focused field is visually highlighted by a line (bottom margin). The action icons are visible in this field (dropdown/lookup). When clicking a key field, the drop-down list of keys opens automatically.

Icons for sending mail, calling, opening links are not visible. Automatic focus change after selection of the value is not enabled.

Exceptions

There are fields that should be filled in, but cannot always be filled in (e.g. former empty key fields). Such fields can be provided with the field property "Important for data quality". In further development, the fields will be easy to search and evaluate to improve data quality.

For completely read-only fields (e.g. data rights, locked quotes or deleted datasets) it is not possible to switch to the edit mode. In this case the field is displayed with a lock symbol.

Editing display

When you click on Edit in the button bar of the dataset, it will be opened in the EDITING display. At the same time, a button Read is offered in the toolbar in order to be able to switch to the reading display.

If "Edit” is clicked on a dataset, this dataset is in the editing display, even if other tabs are open in between or if you switch to another tab. The editing display remains unchanged when you save.

In the EDITING display:

  • all available fields are displayed (empty and filled fields)

  • fields are always underlined with gray lines (there are exceptions)

  • date fields are adapted to the appearance of the other fields (calendar icon inside the field)

  • the suggestion lists are, when focusing on an empty key field, automatically expanded

  • levels are retained, e.g. when clicking through a list using the navigation arrows

  • other tabs or, for example, when jumping via a link or sub area dataset, are displayed again when opening in reading mode

Display of special fields

Individually formatted fields

  • Font, font color, font style and font size are taken from field settings or mask script (both in reading and editing display)
    (for example, labels with notes are highlighted in customer systems)

  • Background color is taken from field settings and displayed as highlighter effect in reading mode

Read-only fields

  • are displayed in the reading display like any other field

  • have a lock symbol when hovering

  • are displayed in the editing display as in the reading display (with link / actions)

  • empty, read-only fields get the placeholder "-"

Required fields

These fields are marked with a red asterisk * inside the field in the editing display when empty. If required fields are not filled, the required field dialog will still appear after clicking Save.

Permitted fields

These fields will not be displayed in reading or editing mode if the user does not have the rights to access this field. For users with appropriate rights, the field behaves like any field.

Confidential fields

These fields are displayed using text highlighting color (both in the reading and editing display). When the field is empty, no text is highlighted either, because there is no confidential information.

Invalid field values

Invalid field values are indicated by red background color (in reading mode highlighter style, in editing mode whole field).

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.