Mobile layout

In UI Bakery, you can switch between a desktop and mobile layout for your applications:

• Desktop: 100% of the available page space

• Mobile: 400 px

The desktop layout is applied by default. To switch to the mobile layout, you need to change the adaptive control in the header to the mobile option.

Please note that altering the layout of an application changes the layout of all its pages.

Configuring component visibility for different layouts

Components can be configured to be visible only on a specific layout. For example, you may not want to include a large table on mobile view.

In such cases, you need to select the component, navigate to the Responsive setting, and select the layout you want the component to be visible on.

If you make changes to components on the desktop layout, they will not be applied on mobile, and vice versa. Also, keep in mind that components added to a certain layout do not have the same position on the other layout - they are displayed at the bottom of the page.