Show/Hide Toolbars

PerfectApps™ Help Guide

Navigation: Mobile Design

Add Objects to Sections

Scroll Prev Top Next More

Now you have your sections created the next step is to add your objects into those sections.

You will be able to position and re-position sections in your mobile app.

You will also be able to move objects around in the section.

 

Mobile Wizard Step2

flag_green

Note that any object that are new to the mobile designer, and that will be all objects the first time it's opened, will be highlighted in red.

In the left hand navigation section and page that includes new objects will display a red highlight icon as shown above.

 

From this screen you can: (Please refer to the red numbers in the screen-shot above)

 

1) Use the buttons to expand or collapse the sections.

 

2) Drag objects from the page into a section.

tipbulb

You don't have to have the section open before you drag objects into it. Dragging onto a closed section will work the same way.

 

3) Open the Mobile Styles box and manage the style of objects when viewed on a mobile device.

 

flag_green

The number in green shown on the section header indicates how may objects exist inside that section.

 

Once you have object inside a section you can select that object to re-position or format the margins around it.

 

Mobile Wizard Step2b

 

When you select an object in the Attributes panel a shadow image of that object will be displayed in the central layout canvas to show you where that object is positioned on the non-mobile app.

 

Mobile Wizard Step2b_object selected

To re-position an object inside a section simply drag it and drop where you want it to appear.

 

To remove an object from a section click on the trash can icon Universal - Mobile Trash Can in the upper right corner.

 

The orange border, shown below the object in the example above, indicates that there will be a margin under the object when viewed on a mobile device.

A margin under the object is the default setting but if you want to change that setting simply 'right mouse-click' the object to select on of the other options. The object can also be removed from the section using this option too.

 

Mobile Wizard Step2b_margin settings

 

Choose from:

oMargin below (default setting)

oMargin above

oMargin above and below

oNo margins

 

Use the Mobile Wizard Reset Objects Button button to remove all objects from all sections and restart this step and step 3. All objects will be removed from all sections and all sections will be removed from any two column settings. You can't undo a reset.

 

Mobile App Wizard: Adding objects to sections

Add Objects to Sections

(2 min)

Having created and named your sections, the next step in the Mobile App Wizard process is to add objects from your app into those sections. Watch this tutorial to see how this is done.

 

The next step in the Mobile Apps Wizard is to Select One or Two Column Layout

 

See also: Mobile Styles

 

Return to: Mobile Design