The Mobile Design feature is used to optimize an app so that it's suitable for viewing on a mobile device.
|
We strongly recommend that before designing the mobile app you should 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 is a grouping of app objects that can 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), phone in landscape mode (Two Columns), or a tablet (Two Columns).
Mobile app design should be simple and concise due to screen limitations. Try to limit the number of pages, sections and objects to optimize mobile usability.
Click the mobile icon 
to open the mobile designer. The first time you open the mobile designer, or when you open the designer after a new object has been added, the Mobile App Wizard will be triggered.
In the mobile app wizard you can:
Step 1: Create and Name Sections
Step 2: Add Objects to Sections
Step 3: Select One or Two Column Layout
Step 4: Preview the Mobile App Design
Otherwise clicking on the mobile icon will open Mobile App Layout mode directly.
See also: Deleting a Mobile App
|
Optimization of the app for viewing on a mobile device will not impact how the app is viewed on a laptop or PC. |
 |
The |
|
Mobile Design Wizard (2 min) |
Watch this short tutorial to see an overview of the mobile design wizard feature. |
|
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 |
