Skip to main content
Version: 1.21.3

Mobile App and Adaptive Layout

Mobile app​

The SimpleOne mobile application allows you to manage tasks and most activities on your smartphone. It is a Progressive Web Application (PWA) that requires neither a lot of storage nor installing it from an app store – the app is available in your instance.

The interface of the mobile app is much like the desktop instance interface. However, the mobile version has its own specifics. The app is supported on Android and iOS. See the SimpleOne Mobile App article to learn how to install the app.

Adaptive layout​

When using the platform through a browser, with adaptive design, SimpleOne will detect the user’s device type and adapt the template being used to fit the device screen.

All agent interface pages have a breakpoint = 767px screen width. At this point, the mobile version turns on.

A breakpoint is a conditional point indicating visual changes; in this context it is the value of the screen width.

Behavioral features​

  • If the navigator is pinned or unpinned, the page content will be rebuilt. If the navigator is pinned, the content will be rebuilt when it is closed and opened. When there are many buttons on the top panel (both on lists and forms), they are placed in the kebab menu.
  • The panel, filter, record count, and pagination adapt to the available screen width so that all content remains visible. Pagination at the bottom of the page behaves in the same way.
  • Reaching a breakpoint of 767px, modal windows change the size of some elements inside them, and the appearance and composition of such elements may also change. The distance to the edge of the screen in the mobile version becomes static = 16px.
  • The table title, user interface actions, and form title (record display name) adapt to the available screen width in the same way as panel elements in lists.

Pages without the mobile version​

There are some pages in the system that are not intended to be opened from mobile devices. Adaptiveness of such pages is implemented only for desktop versions.

  • Workflow Editor
  • Report Designer
  • Taskboard

Portal pages​

Adaptation of portal pages is a little different. Portal pages are divided into 12 columns. When the screen size, changes the distance beetween these columns changes too. Widgets on pages adapt propotionally.

For example, there are 2 widgets on the page: the first widget occupies 7 columns, the second - 5. When the screen size changes, the widgets will proportionally change their size on the page.

If the screen size is less than 768px, the widgets will line up regardless of the number of columns they occupy.

There is a fixed border on the left and right of the pages, which does not allow the elements to stretch to full screen. Borders only disappear on devices with a screen size less than 567px.