Graphic: Image (default) - Selected

Dialog selections are discussed below the image. To navigate to an item, select it in the Graphic Image (default) Selected image. If NOT selecting any item and wanting to return to the prior page: swipe right-to-left; use the browser’s ‘back’ arrow; or use the Wiki’s Backlink icon on the right sidebar (mobile: drop-down dialog at the top of the page).

Graphic: Image (default) - Selected dialog. Make selection above.

When finished, most users would further enhance the image with an action or edit its options. Find those navigation links in the headings below:

• Action
• Option

Notice the Object Design Menu at both the top and bottom of the screen. The icons contained in these menus describe what will happen or what options are available for the selected object. Read below and view a demo of what happens when specific icons are selected.

TOP

• See a demo here.

- enables the object's action when tapped or swiped, such as application or folder or calendar.

• See a demo here.
• To navigate to that interactive ui page, click here.

• - the image elements, such as the image form (image, folder, dynamic image, shape, etc.), opacity, background, even animation, and more.
  • See a demo here.
  • To navigate to that interactive ui page, click here.

• - With an object selected and then the pin icon tapped, the object will now be visible in its current location on all pages of the setup.
  • See a demo here.

• - Creates a copy of the object which can then be pasted, using the Object Add (+) - Paste option. The new copy will be placed on top of the existing object but can be selected and moved to the desired location.
  • See a demo here.

• - Removes the object from the screen location and allows the user to then paste the item to another location (such as another page) using the Object Add (+) - Paste option.
  • See a demo here.

• - places a copy of the object in the Resource's “Saved” folder for future access
  • See a demo here.

• - Removes the object from the page with no saving
  • See a demo here.

BOTTOM

• Back - Grayed out in this image (inactive) since all objects on the page were selected. If multiple unselected objects exist, the user can cycle through all objects by tapping the icon, then proceed with modifying the object.
  • For both the back and forward icons, see a demo here .
• Forward - Grayed out in this image (inactive) since all objects on the page were selected. If multiple unselected objects exist, the user can cycle through all objects by tapping the icon, then proceed with the object modification.
  

• Front - Grayed out in this image (inactive) since all objects were selected. If multiple overlapping unselected objects existed, this would bring the selected object to the front “layer” to appear before other objects.
  • For both the Z-order Front and Z-order Back icons, see a demo here .
• Back - Grayed out in this image (inactive) since all objects were selected. If multiple overlapping unselected objects existed, this would move the selected object to a “layer” behind other objects.
  

• Group - While the 3 objects in this image are selected, they are currently separate objects. Tapping this icon will group the three objects into a single object. This is beneficial when moving the group items at the same time.
  • See a demo here.

• Rotate - Transform - Grayed out in this image (inactive) since more than 1 object is selected. If only a single object is selected, tapping the icon will open the rotate-transform dialog to rotate the object around its x or y axis; transform the object's rotation, scaling, and translation… It's complicated, so experiment to learn.
  • See a demo here.

• Align - Grayed out in this image (inactive) since all objects in the image were selected. If multiple objects exist, the user would tap the align icon, which would reveal a horizontal or vertical alignment bar when intersecting with another object. This is useful for centering or matching top/bottom areas of objects.
  • See a demo here.

===== Hidden Index Anchors ===== ui-object-image-default_unselected