<WRAP hide>%%<!-- googleoff: index -->%%</WRAP>
<WRAP center notice centeralign>
**⚠️ v4.0 UI Transition Notice - In Process:**
//The release of Total Launcher v4.0 has introduced significant user interface changes. Please note that this 
page does not yet reflect these updates. The new layout paths, folds, and visual maps are currently being 
compiled and will be deployed shortly.//
</WRAP>
<WRAP hide>%%<!-- googleon: index -->%%</WRAP>


----


======  Window Object - Selected ======

Dialog selections are discussed below the text object. On this wiki page, the icons in the dialog will navigate to the item's discussion below. [[#demo_navigation|Go here]] to actually navigate to the next action on the window object.

{{imapmarkers>:ui:ui-object_add-window-selection-selected-v4.webp?250|Graphic: Text (default) - Selected}}
[[#selection|ID1|Select@11,34,36,58]]
[[#action|ID2|Action@39,34,65,57]]
[[#option|ID3|Option@69,33,93,56]]
[[#pin|ID4|Pin@96,33,122,56]]
[[#copy|ID5|Copy@126,34,150,56]]
[[#cut|ID6|Cut@154,34,179,56]]
[[#save|ID7|Save@183,33,208,56]]
[[#delete|ID8|Delete@211,33,238,56]]
[[:ui:ui-object-window-default_unselected|ID9|To De-Select the Text Object@73,219,177,327]]
[[#selectionback_-_forward|ID10|Select - Back@27,526,53,548]]
[[#selectionback-_forward|ID11|Select - forward@54,525,78,548]]
[[#z-orderfront_-_back|ID12|Z-order - front@80,525,107,548]]
[[#z-orderfront_-_back|ID13|Z-order - back@109,526,136,549]]
[[#group|ID14|Group@138,526,164,549]]
[[#rotate_-_transform|ID15|Rotate-Transform@166,525,197,549]]
[[#align|ID16|Align@199,525,224,550]]
{{cfg>}}
{
}
{{<cfg}}
{{<imapmarkers}}
<wrap hi>**Window Object - Selected dialog. Make selection above.**</wrap>

== Demo Navigation ==
When finished, most users would further enhance the image by taking an action or editing its options. Find those navigation links in the headings below:
  * [[:ui:ui-option-action_tap|Action]]
  * Options:
      * [[:ui:ui-object-edit-option-image|Image-based windows]]
      * [[:ui:ui-graphic-selection-text-default-option-edit|Text-based windows]]

===== In Edit Mode and the Window Object (default) is Selected =====
==== Object Design Menu (Top) ====

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 even view a demo of what happens when specific icons are selected. 

**TOP** {{ui:ui-icon_object_design_menu_top-v4.webp?400|Object Design Menu - Top}}\\ 
=== Selection ===
<WRAP push_none>
{{ui:ui-icon_selection-v4.webp?direct&25}} - Once the selection icon is tapped, the user can drag left to partially intersect any object selected or right to fully select any object.
</WRAP>
  * ++See a demo here.|{{ui:ui-icon_object_design_menu-selection-video-v4.gif}}++
=== Action ===
{{ui:ui-icon_action-v4.webp?direct&25}} - enables the object's action when tapped or swiped, such as application, folder, or calendar. 
  * ++See a demo here.|{{ui:ui-icon_object_design_menu-action-video-v4.gif}}++
  * To navigate to that interactive ui page, click [[:ui:ui-option-action_tap|here.]]
=== Option ===
  *{{ui:ui-icon_option-v4.webp?direct&25}} - the text elements, such as the image form (image, folder, dynamic image, shape, etc.), opacity, background, even animation and more. 
    * ++See a demo here.|{{ui:ui-icon_object_design_menu-options-video-v4.gif}}++
    * To navigate to that interactive ui page:
      * [[:ui:ui-object-edit-option-image|Image-based windows]]
      * [[:ui:ui-graphic-selection-text-default-option-edit|Text-based windows]]
=== Pin ===
  *{{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 its current location on all pages of the setup. 
    * ++See a demo here.|{{ui:ui-icon_object_design_menu-pin-video-v4.gif}}++
=== Copy ===
  *{{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-v4.gif}}++
=== Cut ===
  *{{ui:ui-icon_cut-v4.webp?direct&25}} - 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.|{{ui:ui-icon_object_design_menu-cut-video-v4.gif}}++
=== Save ===
  *{{ui:ui-icon_save-v4.webp?direct&25}} - places a copy of the object in the Resource's "Saved" folder for future access  
    * ++See a demo here.|{{ui:ui-icon_object_design_menu-save-video-v4.gif}}++
=== Delete ===
  *{{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-v4.gif}}++
\\ 
==== Object Design Menu (Bottom) ====
**BOTTOM** {{:ui:ui-icon_object_design_menu_bottom-v4.webp?400|Object Design Menu - Bottom}}\\ 
=== Selection: Back - Forward ===
  *{{ui:ui-icon_select_back-v4.webp?direct&25}} **Back** - Grayed out in this dialog (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 to modify the selected object.
    * For both the back and forward icons, see a demo ++here|{{ui:ui-icon_object_design_menu-forward_backward-video-v4.gif}}++.
  *{{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 object's modification.\\ 
=== Z-order: Front - Back ===
  *{{ui:ui-icon_zorder_front-v4.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-v4.gif}}++.
  *{{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 ===
  *{{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 group the 3 objects into 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-v4.gif}}++
=== Rotate - Transform ===
  *{{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 its 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-v4.gif}}++
=== Align ===
  *{{ui:ui-icon_align-v4.webp?direct&25}} **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 the object intersects 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-v4.gif}}++


<WRAP center round tip 60%>
The **action trigger** for the example window object on the page was set to **default** (or, actually, "Do nothing"), but it can be changed.
  * If this was the actual launcher app, a user would just tap the ''Action'' icon {{ui:ui-icon_action-v4.webp?25}} in the upper left of the screen. Pressing [[:ui:ui-option-action_tap|**here**]] on this interactive page will actually navigate to the "Action trigger" page as if in the TL app.
===== Options for Text-based versus Image-based Windows =====
The other option will be shown in the Option dialog when the Option {{ui:ui-icon_option-v4.webp?25}} icon in the upper-left of the screen is tapped. 
  * Windows can be activated by an **Image object** or a **Text object**. The options available are **different**
    * For **Image objects** [[:ui:ui-object-edit-option-image| Click here]] to navigate. These will include: • Image • Opacity • Saturation • Color filter • Background and • Margins.
    * For **Text objects** [[:ui:ui-graphic-selection-text-default-option-edit| Click here]] to navigate. These will include: • Font, Size and Color • Background • Shadow • Margins and • Alignment.
</WRAP>
<WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>

<wrap hide>
===== Hidden Index Anchors =====
[[:ui:ui-object-image-default_unselected]]
</wrap>