Skip to main content

Appearance of the Web Interface

What are the appearance settings options for the web interface?

Written by Petr Pech

The web interface offers multiple appearance settings. As a user, you can freely switch between these options. Let's go through all the available options so you can choose the one that suits you best.

The appearance settings can be found under the user profile.

The available settings options are as follows:

  • Size

  • Color display

  • Form layout

  • Font size

At the very bottom, you can disable or enable animations in the application. This is particularly useful for speeding up the web interface (if it feels slow, try turning off animations). Animations refer to transitions between individual modules, opening or closing windows, and similar effects.

Now let's take a closer look at each of the display settings mentioned above.

Size

You can choose between compact and normal display.

Compact display shows more columns in each module and adjusts column widths to take up as little space as possible. It has a more "spreadsheet-like" feel. In forms, individual fields are placed closer together.

Normal display, on the other hand, shows fewer columns and leaves larger spacing between them. Some users may find this easier on the eye.

If you need to see more data in the module overview at a glance, use the compact display. If less data is sufficient, use the normal display.

Compact display

Normal display

However, this difference is not limited to module list views. You will also notice the distinction in record editing forms.

Compact

Normal

Color Display

Do you always choose dark mode in applications that support it? If so, the dark display is the obvious choice for you. If you prefer a lighter environment, keep the default display.

Another deciding factor may be your typical working hours. If you work at night, you will likely find the dark mode more comfortable when combined with lower screen brightness. During the day, the default — "light" — display may be more pleasant to work with.

Default

Dark

Preferred Form Layout

The form layout is something you will likely notice most during your day-to-day work. All records in your company are edited through individual forms.

It is worth noting that the fields displayed in forms are not defined by this layout setting. The content of individual forms can easily be configured using the form settings.

A useful guideline here is that the tabbed layout is closer in appearance to the desktop application. If you have experience with the desktop application, you will likely prefer this layout.

Default invoice view

Tabbed invoice view

The most noticeable difference between layouts, however, can be seen in the price list. Here, in addition to the tabbed view, a simplified view is also available.

The simplified view should contain only the fields you absolutely need to create a price list item. The tabbed view, on the other hand, includes all available fields.

The tabbed view has already become the default display for the price list.

Simplified price list view

Tabbed price list view

It is also worth noting that the form layout can be defined at the level of an individual form. This option is always found in the top-right corner, next to the form settings.

This allows the layout setting to be tied to specific modules, meaning you do not have to apply a single layout type across the entire company. For example, you can use the tabbed view for the price list and the default view for invoices.

Font Size

If the font appears too large or too small, simply adjust it to your preference using the slider.

Module List

The last setting — not directly related to the appearance options described above — is the way all modules are displayed.

By default, modules are displayed (i.e., sorted) in the default mode. All modules are sorted by frequency of use, and in some cases related modules are grouped together.

However, more options are available. Modules can be displayed (i.e., sorted) alphabetically, with the order of modules following the alphabet.

The last display option is the so-called "By group" view. This view takes individual modules and the agendas they contain into account (following the pattern of the desktop application). Related modules can therefore always be easily found within a single group.

Did this answer your question?