Evoke Adaptations
  • Appscreenshot3-350
  • Appscreenshot4-350
Adaptations automatically change the look, feel, actions and navigation route in an app based on the screen size of the device on which the app is running.
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


Adaptations may be envoked when a screen is a certain size or when a screen is loaded (i.e. MergeToTabs) and can have many uses in your app design and include adaptations such as:
  • Merge To Tabs

  • Arrange As Rows

  • Hide Segment

  • Show Segment

  • Hide Header Actions Button

  • Hide Prompts

  • Display Prompts Above

  • Display Prompts Left

  • Hide Column

  • Show Column

  • Disable Column

  • Enable Column

  • Set Max Width

  • Set Max Height

  • Disable Click Navigation

  • Enable Click Navigation

  • Show Alternate Captions (in buttons)

  • Show Alternate Header

  • Show Alternate Prompts

  • Show Alternate Column Headers

  • Clear Margin

  • Set Prompt Sizing Group

  • Move Segment As First Child

  • Set Remainder Size

  • Widget Hide

  • Widget Show

  • Widget to New Line

  • Widget prompt hide

  • Accordion (Segment header adaptation)

  • Column Width Dynamic Adjustment (auto)

  • Unpinning Segments



The best place to see a demonstration of and a comprehensive list of "Adaptations" available to use in the Evoke is by using the Evoke Example App.

This app has been created, using Evoke, and is deployed as a live app at Review Evoke Example App. The specific URL is https://www.appevoke.com/ExampleApp