Mobile layout

In UI Bakery, you can select between a desktop and mobile layout for your applications. The desktop layout is applied by default.

Changing the application layout

To switch your application to a mobile layout, change the adaptive control in the header to a mobile option.

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

Supported layouts:

• Desktop: 100% of the available page space

• Mobile: 400 px

Configuring components visibility on different layouts

Components can be configured to be visible on a certain layout only, for example, you may not want to include a large table on mobile view. To do so, you need to select the component, navigate to the Responsive setting, and select the layout for 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 will not have the same position on the other layout - they will be displayed at the bottom of the page.