The Mobile Design feature optimizes an app for mobile devices.
|
We strongly recommend that, before designing the mobile app, you complete the desktop app design, including layout, behaviors, workflow and access rules. |
A mobile app consists of pages that contain one or more sections. A section groups app objects together, allowing them to be positioned and moved as a single entity. App objects may also be re-positioned within a section.
You can optimize the Mobile Design for viewing on a phone in portrait mode (One Column), a phone in landscape mode (Two Columns), or a tablet (Two Columns).
Due to screen limitations, mobile app design should be concise and straightforward. To optimize mobile usability, try to limit the number of pages, sections and objects.
Click the mobile icon 
to open the mobile designer. The Mobile App Wizard will be triggered the first time you open the designer or when you open it after a new object has been added.
In the mobile app wizard, you can:
Otherwise, clicking on the mobile icon will open Mobile App Layout mode directly.
See also: Deleting a Mobile App
|
Optimizing the app for mobile devices will not affect how the app is viewed on a laptop or PC. |
 |
The |
|
Mobile App Wizard (4 min) |
The Mobile Design feature optimizes an app for mobile devices. A mobile app consists of pages that contain one or more sections. You can optimize the Mobile Design for viewing on a phone in portrait or landscape mode, or on a tablet. Watch this video for details. |
|
Mobile Designer (2 min) |
The mobile designer can be used for making changes to an existing mobile app. Watch this short tutorial to see an overview of this feature. |
Jump to a related TOPIC |
Jump to a new SECTION |
