A great advantage of a web application is that you can use the application from any device with a network connection. For this, it is necessary to optimise the layout for perfect handling.
General
The application has some fixed breakpoints set. To see which breakpoint is active, you have to go into the dashboard edite mode. In the header you will find the information about the breakpoint.
Breakpoint informaion in dashboard edit mode.
The following breakpoints are set in the application:
Breakpoint table
Extensions
Browser extensions allow you to optimise all breakpoints on your desktop. It is not necessary to have all of your needed devices available to adjust the layout. We recommend using the following extensions for Google Chrome and Morzilla Firefox.
To do this, the extension for the browser must be installed in the Google Store.
After that you can set the viewports by yourself. The main thing to pay attention to is the width. The height (Higth) can be set to the same value for all fields.
Window resize Google Chrome adjust values
The extension can be pinned in to the browser head so that you have direct access to the resizer. Here you can choose the sizes by selecting the option.
