meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
ui:ui-graphic-selection-text-default [2026/07/04 20:46] – ↷ Links adapted because of a move operation dorepsui:ui-graphic-selection-text-default [2026/07/20 16:18] (current) – ↷ Links adapted because of a move operation doreps
Line 1: Line 1:
 +<WRAP hide>%%<!-- googleoff: index -->%%</WRAP>
 <WRAP center notice centeralign> <WRAP center notice centeralign>
 **⚠️ v4.0 UI Transition Notice - In Process:** **⚠️ v4.0 UI Transition Notice - In Process:**
Line 5: Line 6:
 compiled and will be deployed shortly.// compiled and will be deployed shortly.//
 </WRAP> </WRAP>
 +<WRAP hide>%%<!-- googleon: index -->%%</WRAP>
  
  
Line 69: Line 71:
 === Selection === === Selection ===
 <WRAP push_none> <WRAP push_none>
-{{:ui:ui-icon_selection.webp?direct&25}} - Once the selection icon is tapped the user can drag left to partially intersect any object select or right to fully select any object.+{{ui:ui-icon_selection-v4.webp?direct&25}} - Once the selection icon is tapped the user can drag left to partially intersect any object select or right to fully select any object.
 </WRAP> </WRAP>
   * ++See a demo here.|{{:ui:ui-icon_objection_design_menu-selection-video.gif}}++   * ++See a demo here.|{{:ui:ui-icon_objection_design_menu-selection-video.gif}}++
 === Action === === Action ===
-{{:ui:ui-icon_action.webp?direct&25}} - enables the object's action when tapped or swiped, such as application or folder or calendar. +{{ui:ui-icon_action-v4.webp?direct&25}} - enables the object's action when tapped or swiped, such as application or folder or calendar. 
   * ++See a demo here.|{{:ui:ui-icon_object_design_menu-action-video.gif}}++   * ++See a demo here.|{{:ui:ui-icon_object_design_menu-action-video.gif}}++
 === Option === === Option ===
-  *{{:ui:ui-icon_option.webp?direct&25}} - the text elements, such as content, font size & color, built-in time and calendar events, etc. +  *{{ui:ui-icon_option-v4.webp?direct&25}} - the text elements, such as content, font size & color, built-in time and calendar events, etc. 
     * //**Click this icon in the above image to navigate to the Edit dialog for the default text element**//.      * //**Click this icon in the above image to navigate to the Edit dialog for the default text element**//. 
     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-options-video.gif}}++     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-options-video.gif}}++
 === Pin === === Pin ===
-  *{{:ui:ui-icon_pin.webp?direct&25}} - With an object selected and then the pin icon tapped, the object will now be visible in it's current location on all pages of the setup. +  *{{ui:ui-icon_pin-v4.webp?direct&25}} - With an object selected and then the pin icon tapped, the object will now be visible in it's current location on all pages of the setup. 
     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-pin-video.gif}}++     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-pin-video.gif}}++
 === Copy === === Copy ===
-  *{{:ui:ui-icon_copy.webp?direct&25}} - 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. +  *{{ui:ui-icon_copy-v4.webp?direct&25}} - 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.|{{:ui:ui-icon_object_design_menu-copy-video.gif}}++     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-copy-video.gif}}++
 === Cut === === Cut ===
-  *{{:ui:ui-icon_cut.webp?direct&25}} - Removes the object from the screen location and allow the user to then paste the item to another location (such as another page) using the Object Add (+) - Paste option. +  *{{ui:ui-icon_cut-v4.webp?direct&25}} - Removes the object from the screen location and allow the user to then paste the item to another location (such as another page) using the Object Add (+) - Paste option. 
     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-cut-video.gif}}++     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-cut-video.gif}}++
 === Save === === Save ===
-  *{{:ui:ui-icon_save.webp?direct&25}} - places the object in the Resources folder for future access  +  *{{ui:ui-icon_save-v4.webp?direct&25}} - places the object in the Resources folder for future access  
     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-save-video.gif}}++     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-save-video.gif}}++
 === Delete === === Delete ===
-  *{{:ui:ui-icon_delete.webp?direct&25}} - Removes the object from the page with no saving +  *{{ui:ui-icon_delete-v4.webp?direct&25}} - Removes the object from the page with no saving 
     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-delete-video.gif}}++     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-delete-video.gif}}++
 \\  \\ 
Line 98: Line 100:
 **BOTTOM** {{:ui:ui-icon_object_design_menu_bottom.webp?400|Object Design Menu - Bottom}}\\  **BOTTOM** {{:ui:ui-icon_object_design_menu_bottom.webp?400|Object Design Menu - Bottom}}\\ 
 === Selection: Back - Forward === === Selection: Back - Forward ===
-  *{{:ui:ui-icon_select_back.webp?direct&25}} **Back** - Grayed out in this image (inactive) since all objects on the page were selected. If multiple unselected objects existed, the user can cycle through all objects by tapping the icon, then proceed with the objects modification.+  *{{ui:ui-icon_select_back-v4.webp?direct&25}} **Back** - Grayed out in this image (inactive) since all objects on the page were selected. If multiple unselected objects existed, the user can cycle through all objects by tapping the icon, then proceed with the objects modification.
     * For both the back and forward icons, see a demo ++here|{{:ui:ui-icon_object_design_menu-forward_backward-video.gif}}++.     * For both the back and forward icons, see a demo ++here|{{:ui:ui-icon_object_design_menu-forward_backward-video.gif}}++.
-  *{{:ui:ui-icon_select_forward.webp?direct&25}} **Forward** - Grayed out in this image (inactive) since all objects on the page were selected. If multiple unselected objects existed, the user can cycle through all objects by tapping the icon, then proceed with the objects modification.\\ +  *{{ui:ui-icon_select_forward-v4.webp?direct&25}} **Forward** - Grayed out in this image (inactive) since all objects on the page were selected. If multiple unselected objects existed, the user can cycle through all objects by tapping the icon, then proceed with the objects modification.\\ 
 === Z-order: Front - Back === === Z-order: Front - Back ===
   *{{:ui:ui-icon_zorder_front.webp?direct&25}} **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\\    *{{:ui:ui-icon_zorder_front.webp?direct&25}} **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|{{:ui:ui-icon_object_design_menu-front_back-video.gif}}++.     * For both the Z-order Front and Z-order Back icons, see a demo ++here|{{:ui:ui-icon_object_design_menu-front_back-video.gif}}++.
-  *{{:ui:ui-icon_zorder_back.webp?direct&25}} **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.\\ +  *{{ui:ui-icon_zorder_back-v4.webp?direct&25}} **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 === === Group ===
-  *{{:ui:ui-icon_group.webp?direct&25}} **Group** - While the 3 objects in this image //are selected//, they are currently separate objects. Tapping this icon, will cause the 3 objects to be grouped and become a single object. This is beneficial if needing to move the group items at the same time. +  *{{ui:ui-icon_group-v4.webp?direct&25}} **Group** - While the 3 objects in this image //are selected//, they are currently separate objects. Tapping this icon, will cause the 3 objects to be grouped and become a single object. This is beneficial if needing to move the group items at the same time. 
     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-group-video.gif}}++     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-group-video.gif}}++
 === Rotate - Transform === === Rotate - Transform ===
-  *{{:ui:ui-icon_rotate-transform.webp?direct&25}} **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 by it's x or y axis; transform the object's rotation, scaling, and translation ... it's complicated, just experiment to learn. +  *{{ui:ui-icon_rotate-transform-v4.webp?direct&25}} **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 by it's x or y axis; transform the object's rotation, scaling, and translation ... it's complicated, just experiment to learn. 
     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-rotate_transform-video.gif}}++     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-rotate_transform-video.gif}}++
 === Align === === Align ===
-  *{{:ui:ui-icon_align.webp?direct&25}} **Align** - Grayed out in this image (inactive) since there all objects in the image were selected. If multiple objects exist, the user would tap the align icon which would reveal horizontal or vertical alignment bar when intersecting with another object. This is useful for centering or matching top/bottom areas of objects. +  *{{ui:ui-icon_align-v4.webp?direct&25}} **Align** - Grayed out in this image (inactive) since there all objects in the image were selected. If multiple objects exist, the user would tap the align icon which would reveal 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.|{{:ui:ui-icon_object_design_menu-align-video.gif}}++     * ++See a demo here.|{{:ui:ui-icon_object_design_menu-align-video.gif}}++
  
Line 119: Line 121:
  
 The **action trigger** for the example text objects in the image was set as **default** (actually "Do nothing" but can now be changed. The **action trigger** for the example text objects in the image was set as **default** (actually "Do nothing" but can now be changed.
-  * If this was the actual launcher app, the user would just tap ''Action'' {{:ui:ui-icon_action.webp?25}} in the upper left of the screen, while pressing it in this interactive demo will actually navigate to the "Action" description on this page which includes a demo video of the action.+  * If this was the actual launcher app, the user would just tap ''Action'' {{ui:ui-icon_action-v4.webp?25}} in the upper left of the screen, while pressing it in this interactive demo will actually navigate to the "Action" description on this page which includes a demo video of the action.
  
-The other "Action" alternatives themselves are shown by tapping the "Option" {{:ui:ui-icon_option.webp?25}} icon in the upper left of the screen. Pressing ++here|{{:ui:ui-option-action_tap-selection.webp?direct&200}}++ in this interactive demo will actually navigate to the Option's "Actions" dialog for the selected object. These are discussed briefly below: +The other "Action" alternatives themselves are shown by tapping the "Option" {{ui:ui-icon_option-v4.webp?25}} icon in the upper left of the screen. Pressing ++here|{{:ui:ui-option-action_tap-selection.webp?direct&200}}++ in this interactive demo will actually navigate to the Option's "Actions" dialog for the selected object. These are discussed briefly below: 
  
   * Application - the text would default to the name of the application and it's tap action would be to activate the application   * Application - the text would default to the name of the application and it's tap action would be to activate the application