meta data for this page
  •  
Index Key Link
action Click to view
add Click to view
affiliation Click to view
align Click to view
alignment Click to view
alpha Click to view
analog clock Click to view
animated image Click to view
app drawer Click to view
app group Click to view
application Click to view
audio Click to view
background Click to view
backup Click to view
beginner Click to view
behavior Click to view
blur Click to view
calendar Click to view
card Click to view
checklist Click to view
circle indicator Click to view
clean slate Click to view
clock Click to view
code block Click to view
code of conduct Click to view
color picker Click to view
communities Click to view
compass Click to view
compatibility Click to view
complementary color Click to view
conceptual learning Click to view
configure Click to view
contact Click to view
contrast Click to view
contribute Click to view
date Click to view
date / time Click to view
default launcher Click to view
delete Click to view
desktop Click to view
developer Click to view
discussion guideline Click to view
distribution Click to view
drawer Click to view
drawer handle Click to view
dual-screen Click to view
dynamic color Click to view
dynamic image Click to view
dynamic text Click to view
edit Click to view
editing Click to view
edit mode Click to view
export Click to view
feature Click to view
file naming Click to view
flip-style Click to view
foldable Click to view
folder Click to view
font Click to view
full screen Click to view
gaussian Click to view
gesture Click to view
getting started Click to view
gradient Click to view
group Click to view
heading Click to view
help Click to view
hide Click to view
html Click to view
hue Click to view
icon Click to view
import Click to view
install Click to view
installation Click to view
instructable Click to view
intellectual property Click to view
issue Click to view
key Click to view
keys & gestures Click to view
label Click to view
landscape mode Click to view
launcher action Click to view
layout Click to view
liability Click to view
lifetime purchase Click to view
light source Click to view
link Click to view
list Click to view
luminance Click to view
macro Click to view
macrodroid Click to view
margin Click to view
mask Click to view
media controller Click to view
mobile Click to view
month/year/day Click to view
move Click to view
multi-screen Click to view
namespace Click to view
navigation Click to view
object Click to view
object design menu Click to view
official Click to view
official blog Click to view
offset Click to view
option Click to view
ordinal Click to view
page Click to view
page indicator Click to view
paste Click to view
performance Click to view
permission Click to view
pin Click to view
png Click to view
quoting Click to view
radius Click to view
registration Click to view
reminder Click to view
remove Click to view
resource Click to view
rotate Click to view
rss Click to view
save Click to view
scroll Click to view
search Click to view
select Click to view
shadow Click to view
shape Click to view
share Click to view
sidebar Click to view
slider Click to view
sliding drawer Click to view
spacing Click to view
stretch Click to view
syntax Click to view
system setting Click to view
system ui Click to view
table Click to view
table of content Click to view
tasker Click to view
taxonomy Click to view
temperature Click to view
termination Click to view
terms of use Click to view
text Click to view
theme Click to view
toby Click to view
trademark Click to view
transform Click to view
transparency Click to view
transparent Click to view
troubleshooting Click to view
typeface Click to view
ui Click to view
user conduct Click to view
user interface demo Click to view
variable Click to view
wallpaper Click to view
warranties Click to view
weather Click to view
webp Click to view
website Click to view
welcome Click to view
widget Click to view
wiki Click to view
wiki editing Click to view
window Click to view

Differences

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

Link to this comparison view

Next revision
Previous revision
ui:ui-graphic-selection-text-default [2026/03/30 11:59] – created - external edit 127.0.0.1ui:ui-graphic-selection-text-default [2026/06/07 19:49] (current) doreps
Line 15: Line 15:
 </WRAP> </WRAP>
  
-{{imapmarkers>:ui:ui-graphic-selection-text-default.png?direct&200|Graphic Text Default}}+{{imapmarkers>:ui:ui-graphic-selection-text-default.webp?direct&200|Graphic Text Default}}
 [[#selection|ID1|Selection@9,6,29,24]] [[#selection|ID1|Selection@9,6,29,24]]
 [[#action|ID2|Action@32,7,53,23]] [[#action|ID2|Action@32,7,53,23]]
Line 55: Line 55:
   * **Option**   * **Option**
  
-**TOP** {{:ui:ui-icon_object_design_menu_top.png?400|Object Design Menu - Top}}\\ +**TOP** {{:ui:ui-icon_object_design_menu_top.webp?400|Object Design Menu - Top}}\\ 
 === Selection === === Selection ===
 <WRAP push_none> <WRAP push_none>
-{{:ui:ui-icon_selection.png?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.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.png?direct&25}} - enables the object's action when tapped or swiped, such as application or folder or calendar. +{{:ui:ui-icon_action.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.png?direct&25}} - the text elements, such as content, font size & color, built-in time and calendar events, etc. +  *{{:ui:ui-icon_option.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.png?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.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.png?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.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.png?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.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.png?direct&25}} - places the object in the Resources folder for future access  +  *{{:ui:ui-icon_save.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.png?direct&25}} - Removes the object from the page with no saving +  *{{:ui:ui-icon_delete.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}}++
 \\  \\ 
 ==== Object Design Menu (Bottom) ==== ==== Object Design Menu (Bottom) ====
-**BOTTOM** {{:ui:ui-icon_object_design_menu_bottom.png?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.png?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.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.png?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.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.png?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.png?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.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.png?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.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.png?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.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.png?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.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 108: Line 108:
  
 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.png?25}} in the upper left of the screen. Pressing [[:ui:ui-action_tap|**here**]] in this interactive demo will actually navigate to to the "Action trigger" page as if in the TL app.+  * 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.
  
-The other "Action" alternatives themselves are shown by tapping the "Option" {{:ui:ui-icon-option.png?25}} icon in the upper left of the screen. Pressing [[:ui:ui-option-action_tap-selection|**here**]] in thi interactive demo will actually navigte 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.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
  
-  * Window - the Resource:Window dialog would open to allow selection or creation of a window object into which the text object would be placed. See the section on [[section:section-window|window]] or continue in this //ui// navigation to explore the window aspect of graphic text action.+  * Window - the Resource:Window dialog would open to allow selection or creation of a window object into which the text object would be placed. See the section on [[admin:drafts:section-window|window]] or continue in this //ui// navigation to explore the window aspect of graphic text action.
  
   * Folder - the folder dialog would open, listing any user-created folders or allow the user to create a new folder as the landing spot for the text action. See the section [[section:section-folder|folder]] or continue in this //ui// navigation to see how it could be used.   * Folder - the folder dialog would open, listing any user-created folders or allow the user to create a new folder as the landing spot for the text action. See the section [[section:section-folder|folder]] or continue in this //ui// navigation to see how it could be used.
Line 120: Line 120:
   * Launcher Action - These are built-in actions of this launch, such as //to the home page//, //open the right drawer//, //change wallpaper//, //launch calendar//, and many more. See the section on [[section:section-launcher_action|launcher action]] or continue in this //ui// navigation to explore these varied actions.   * Launcher Action - These are built-in actions of this launch, such as //to the home page//, //open the right drawer//, //change wallpaper//, //launch calendar//, and many more. See the section on [[section:section-launcher_action|launcher action]] or continue in this //ui// navigation to explore these varied actions.
  
-  * Sequence - These are a series of user-created actions the launcher will execute. A general term to describe this could be "macro" to provide for linear execution of instructions (no branching or "if this, then"). See the section on [[section:section-sequences|sequences]] or continue in this //ui// navigation to explore the feature.+  * Sequence - These are a series of user-created actions the launcher will execute. A general term to describe this could be "macro" to provide for linear execution of instructions (no branching or "if this, then"). See the section on [[admin:drafts:section-sequences|sequences]] or continue in this //ui// navigation to explore the feature.
 </WRAP> </WRAP>
  
 <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP> <WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>
 +
 +<wrap hide>
 +===== Hidden Index Anchors =====
 +[[#selection|ID1|Selection@9,6,29,24]]
 +[[#action|ID2|Action@32,7,53,23]]
 +[[#option|ID3|Option@55,7,77,24]]
 +[[#pin|ID4|Pin@80,5,97,24]]
 +[[#copy|ID5|Copy@102,5,121,24]]
 +[[#cut|ID6|Cut@125,5,146,24]]
 +[[#save|ID7|Save@150,2,171,20]]
 +[[#delete|ID8|Delete@171,6,189,24]]
 +[[#selection:_Back_-_forward|ID9|Selection - back@20,388,37,403]]
 +[[#selection:_Back_-_forward|ID10|Selection - forward@44,389,62,403]]
 +[[#z-order:_front_-_back|ID11|bring forward@67,389,87,404]]
 +[[#z-order:_front_-_back|ID12|send_back@91,389,110,404]]
 +[[#group|ID13|Group@115,389,135,404]]
 +[[#rotate_-_transform|ID14|Rotate / Transform@139,390,158,404]]
 +[[#align|ID15|Align@163,390,180,404]]
 +[[:ui:ui-graphic-selection-text-default-text_edit|ID16|1 Text@10,79,62,105]]
 +[[:ui:ui-graphic-selection-text-default-text_edit|ID17|Text - Red@11,122,69,155]]
 +[[:ui:ui-graphic-selection-text-default-text_edit|ID18|Red rectangle with text in lower right corner@12,178,94,250]]
 +
 +{{cfg>}}
 +{
 +}
 +{{<cfg}}
 +</wrap>