Pages - Adaptations
Adaptations automatically change the look, feel, actions and navigation route in an app based on the screen size that the device the app is running on makes available to the app.
When an app is running on a device (a phone, a desktop, a tablet, etc.) the app knows how much physical screen space is available to it. In devices like phones this will be the entire screen size but on desktops and some tablets it could be a portion of the screen size.
The available screen size is measured in terms of width and height. Equally, each Adaptation
is based on the width or the height of the available screen space being at or below a certain size. There are standard screen sizes and also standard screen resize points and Evoke offers these as dropdown options for each width or height option.
At each adaptation point (width or height) segments and data can be automatically adapted, including things like:
Showing shorter column names or prompts when the screen size is smaller
Merging segments into tabs instead of side by side
Hiding segments or selected information altogether
Showing or hiding different navigation options for the user
The SOP demo app, Customers Page
in the Customer Page Series
that is included as an example app with each Evoke account is a good example of adaptations in use.
Here you can see how adaptations on the "Accounts" grid and on the tabs at the bottom of the page have adapted the screen to have new navigation options on the grid when the segments at the bottom have disappeared, after first being merged to tabs.
The adaptations set on the Grid (left) and Bottom segments (right) are: