The Mobile settings allows to define the automatic optimization of generated applications to run on mobile devices.

See below the available settings.

Mobile optimization

Mobile optimization configuration screen for the query

Enable mobile optimization

Mobile optimization options

This option changes how the application HTML elements works, adapting them automatically to run on mobile devices.

It enables this option by default when creating a new application.

See some examples of adapted screen:

Group by Selection Screen

Exemplo de otimização da opção de selecionar quebra

Refined Search Screen

Exemplo de otimização do Filtro Refinado

PDF Export Setup Screen

Exemplo de otimização da configuração de exportação

Enable back to top button

It enables the displaying of the button back to top button in the Grid, Filter, Detail and Summary modules.

Back to top button

It enables this option by default when creating a new application.

Back to top button position

Defines the position of the back to the top button:

The options are:

  • Right - Position the button in the bottom right corner;
  • Left - Position the button in the bottom left corner;

When creating a new application, the button is configured on the right by default.

See below for placement examples.

Button in the bottom right corner

Return to top button positioned on the right

Button in the bottom left corner

Return to top button positioned on the left

Simplified Toolbar

Defines the display format of the application’s bottom toolbar, alternating between simplified when the option is enabled and traditional when these options are disabled.

To define the buttons that should compose your application’s toolbar on mobile, access the Toolbar menu, then the Mobile tab.

Activating it, the simplified toolbar is applied to the app by displaying only the navigation buttons and record counter as the image below.

Simple Toolbar Example

Example of simplified bottom toolbar

When disabling this option, the application will run with the traditional toolbar, allowing the use of the same button settings to run on the desktop or mobile devices.

Traditional Toolbar Example

Traditional bottom toolbar example

When choosing to use the traditional toolbar, the Pin bottom toolbar option will be enabled.

Pin the bottom toolbar

Defines the behavior of the lower toolbar when running the application on mobile devices with the Simplified toolbar option disabled.

When enabling these options, the lower toolbar will behave similarly to the upper toolbar, remaining fixed on the screen and thus facilitating access to the configured resources.

Example of fixed bottom toolbar

Bottom toolbar example with pin option active

If you choose to uncheck this feature, the lower toolbar will be fixed at the end of the application, so access to the configured buttons will only be available when scrolling to the end of the page.

Example of Traditional Toolbar

Example of bottom toolbar with pin option disabled

This setting is available when the Simplified Toolbar options is turned off.