Usability and GUI details

The system is using the Ext-JS GUI technology which enables a very easy to use and intuitive user interface to avoid any training to use the system.

Screen elements

The user can e.g. show and hide the menu tree and optimize the screen for his needs and favourite navigation method (either the menu bar on the top or the menu tree on the left side). These settings are automatically stored in a cookie and used again if a user logs into the system in a later point of time. The same applies for the column widths, shown columns, filter settings in columns and column positions in tables.

Colour schemes

On the right side of the header/menubar area, a user can switch between various colour schemes. The user can also define his favourite scheme as a default in his personal user profile.

Drag & drop functionality

E.g. to select elements from a table to assign them to another table, you only need to mark the table entries and drag them to the other table. This enables a very comfortable and quick handling of data.

Field validations

If a data entry field is obligatory or e.g. an email field is filled with the wrong format, the system will show the problematic fields with a red line and an error message can be viewed:

Table handling

Tables in the system have very rich and powerful functionalities for handling the data.

Pagination

Most of the tables will be paginated if the number of entries is higher than the maximum defined to be shown on the screen at once (this can be adjusted in each users personal user profile).

Searching

Tables usually have a search field on the top right where a search text can be entered and the table fields to be searched can be selected:

Sorting

By clicking one or more times in a column header of a table, the table will be sorted by this field ascending or descending. The sorting information is saved in a cookie, which means that you go to another screen and return to the table and the sorting will still be active. The column header has a different colour and a small triangle besides the column name in order to indicate the sorting of the table.

Filtering

Most of the table columns can be filtered separately, which allows to combine even various filters on a table. If a table column has set a filter, it will be marked via a different colour in the header. The filter is saved in a cookie, which means that you go to another screen and return to the table with the filter and the filter will still be active.

Grouping

In some tables a grouping functionality is included. This way record in a table can be grouped and the groups can be hidden or shown by clicking on the small box to the left of each group. The grouping information is saved in a cookie, which means that you go to another screen and return to the table and the grouping will still be active.

Move, hide and resize columns

Table columns can be moved by drag & drop, the width of table columns can be changed by drag and drop and columns can be hidden. These personal adjustments are saved in a cookie, which means that you go to another screen and return to the table, your adjustments will still be active.

Export data to CSV

By clicking on the “CSV export” icon in the table icon bar, all data of the table is exported and downloaded into a CSV file. This includes all table entries and all columns, independently from what is shown on the screen at this moment.

Export data to Excel

This works only for browsers that can handle XML, like Firefox or IE 8. This functionality is not available in IE7 or lower. By clicking on the “Excel export” icon on the table icon bar, only the data of the table which is shown on the screen at this moment is exported and downloaded into an Excel file. The export takes place directly from the data stored in the browser on the end users computer. The server has no implication on this type of download.