Skip to main content

Web User Interface Appearance – WUI

How to Set Row Size, Dark Mode, Form Layout, Font Size, and Case List View in the Web Interface

Written by Petr Pech

Each user can customize the appearance of the web interface to their own preferences. This guide shows all the available options so you can choose the one that suits you best. For a summary of everything that has changed in the new look of the application, see the article New look of the web application.


Where to change the appearance settings

Open the appearance settings from the user menu, under the icon in the upper-right corner, by selecting Appearance.

The Appearance panel opens on the right. You can find the same options in Settings, in the My settings section, under Customization, on the Appearance tab.

You can set:

At the top of the panel there is also a Switch back to the original button, which takes you back to the original look of the application. Changes to saved filters and to column and form settings are not carried over between versions. For information on how the original settings are converted into the new views, see the article Converting the original settings to views.


Row size

You can choose from three row sizes: Spacious, Normal, and Compact.

The compact view shows more rows at once in the list of a module and reduces the spacing between them to a minimum. It feels more like a spreadsheet, and the fields in forms are closer together. The spacious view, on the other hand, leaves more room between rows and may be more pleasing to the eye for some people. The normal view falls in between.

If you need to see more data at once in a module overview, choose the compact view. If you need less data, choose spacious or normal.

Spacious view

Normal view

Compact view

You will also notice the difference in the forms used to edit a record.

Form in the spacious view

Form in the compact view


Display mode

In the Display mode section, you choose between the light and dark theme.

Do you always choose dark mode in applications that support it? Then Dark is the obvious choice for you. If you prefer a light environment, keep the Light mode.

Your usual working hours may also play a role. If you work in the evening or at night, the dark mode combined with lower screen brightness will probably be more comfortable. During the day, the light mode shown in the screenshots above may be more comfortable.

Dark mode


Preferred form layout

You will notice the form layout the most while working, because forms are where you edit all of your company's records. You can choose between the Default and Tabs layouts.

The tabbed layout is closer to the desktop application. If you have experience with the desktop application, you will probably find it more convenient.

ℹ️ The layout does not determine which fields are displayed in a form. You can configure the content of forms in the form settings.

Layout of a specific form

You can also set the layout for a specific form. In an open record, click the gear icon in the upper right. In the Form settings panel, use the Form layout field to select, for example, the Default or Simplified layout.

The simplified price list layout contains only the fields you absolutely need to create a price list item. The default layout displays all fields. Confirm your selection with the Apply button.

This means you can have a different layout for each module. For example, simplified for the price list and default for invoices.


Font size

If the font seems too large or too small, adjust it using the slider. Above the slider, you can see a sample of the text.

💡 If even the largest font size is not enough, use zoom directly in your browser: Ctrl + + / Ctrl + − (on macOS, Cmd + + / Cmd + −). This enlarges the entire web interface, including icons and tables.


Other

In the Other section, you will find the following options:

  • Use alternating table row shading: rows in lists are shaded alternately, making them easier to follow.

  • Use animations in the application: animations include, for example, transitions between modules or the opening and closing of windows. If the web interface seems slow to you, turn animations off.

  • Apply settings to all companies: the appearance settings are applied in all companies you have access to.


List of modules

The last setting, which is only loosely related to appearance, is the way the list of all modules is displayed. Open the list by selecting All modules in the left menu, and change the display in the Display field in the upper right.

In the default view, modules are sorted by frequency of use, and in some cases related modules are grouped together. The Alphabetically view sorts modules in alphabetical order.

The By group view sorts modules by the area they belong to, following the model of the desktop application. This way, you can always find related modules within a single area.

You can drag individual modules to the left menu and back.

Did this answer your question?