Webclient UI Configuration

The UI configuration is stored in the config.json file, which can be found in the webapps\webapp\WEB-INF\classes\public directory.

A theme defines the visual aspect of the webclient, such as its colors, fonts and the appearances of the UI controls.
Themes are located inside the webapps\webapp\WEB-INF\classes\public\themes directory. By default, CIB seven webclient uses the cib theme. You can slightly modify the appearance of the webclient by editing the user stylesheet file styles.css or by replacing the logo image within the specified theme directory. The active theme can be specified with the cibseven.webclient.theme property in the application.yaml configuration file.

Localization

CIB seven webclient supports localization. CIB seven maintains English, German, Russian, Spanish and Ukrainian translation files. The webclient automatically selects a locale based on the browser’s language settings. You can set the supportedLanguages property in the configuration file config.json to provide a list of available locales.

"supportedLanguages": ["de", "en"],

Each locale in the list must have a locale file with the corresponding language code.

If the browser uses a language which is not available, the weblient uses English as a fallback.

Keyboard Shortcuts

To make working with the CIB seven webclient easier, you can use keyboard shortcuts to jump to certain parts or to perform special operations. You can customize these shortcuts by editing the shortcuts section in the config.json file. By default, we support the following actions via keyboard shortcuts:

Shortcut Action
CTRL + ALT + 1 Start a process
CTRL + ALT + 2 Open task list
CTRL + ALT + 3 Open process list
CTRL + ALT + C Claim task
CTRL + ALT + P Open the start process modal dialog
ALT + 1 Focus filters
ALT + 2 Focus tasks
ALT + 3 Focus task

All shortcuts can be modified in the config.json file.
Additionally, available shortcuts can be viewed in the webclient’s Help menu.

Refresh intervals

Refresh interval can be configured for Tasklist, Processes and Dashboard views. The interval is specified in milliseconds and determines how often data in these views is refreshed from the database.

"dashboard": {
  "autoUpdate": {
    "enabled": true,
    "interval": 60000
    }
 },

  "processes": {
    "autoUpdate": {
      "enabled": false,
      "interval": 0
    }
  },

On this Page: