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
howto:howto-window-create_simple [2026/07/16 17:42] – dorepshowto:howto-window-create_simple [2026/07/19 12:00] (current) – ↷ Links adapted because of a move operation doreps
Line 23: Line 23:
  
 == Step 1 == == Step 1 ==
-  * On the home screen, enter Edit On mode (see[[section:section1-2-e_beginners_basic_editing_steps#edit-on| here]] for details), or one method is to long-press an empty space.+  * On the home screen, enter Edit On mode (see[[section:section-basic_editing#edit-on| here]] for details), or one method is to long-press an empty space.
 == Step 2 == == Step 2 ==
   * In the to Object Design Menu tap the {{ui:ui-icon_add_gray-v4.webp?25}} icon   * In the to Object Design Menu tap the {{ui:ui-icon_add_gray-v4.webp?25}} icon
Line 43: Line 43:
     - Tap OK     - Tap OK
 == Step 6 == == Step 6 ==
-  * Tap the Action icon {{ui:ui-icon_action-v4.webp?15}} to open the new window in full screen mode ++(see image). | {{:howto:howto-window_create-edit_1.webp?direct&200}}++ By default, the window background is light gray. The top Object Design Menu {{:howto:howto-window_create-edit_menu.webp?200}} includes 2 key icons:+  * Tap the Action icon {{ui:ui-icon_action-v4.webp?15}} to open the new window in full screen mode ++(see image). | {{ui:ui-window-page_design-dialog-v4.webp?direct&200}}++ By default, the window background is light gray. The top Object Design Menu {{ui:ui-window-page_design-menu-v4.webp?200}} includes 2 key icons:
     - Edit (pencil) {{ui:ui-icon_edit-v4.webp?15}} - Tap this to enable:     - Edit (pencil) {{ui:ui-icon_edit-v4.webp?15}} - Tap this to enable:
       * bulb handles on its boundaries used to downsize the window       * bulb handles on its boundaries used to downsize the window
-      *Option icon {{ui:ui-icon_option-v4.webp?15}} in the lower right corner of the window opens the Window Option dialog and the Window Animation dialog. ++(see image). | {{:howto:howto-window_create-edit_2.webp?direct&200}}+++      *Option icon {{ui:ui-icon_option-v4.webp?15}} in the lower right corner of the window opens the Window Option dialog and the Window Animation dialog. ++(see image). | {{ui:ui-window-option-v4.webp?direct&200}}++
         * While the Edit and Option dialogs will not be discussed here, more information is available at [[admin:drafts:section-window-option_dialog|Window - Option]] and [[admin:drafts:section-window-animation_dialog|Window - Animation]] in the uiTotalLauncherManual wiki.         * While the Edit and Option dialogs will not be discussed here, more information is available at [[admin:drafts:section-window-option_dialog|Window - Option]] and [[admin:drafts:section-window-animation_dialog|Window - Animation]] in the uiTotalLauncherManual wiki.
     - Add icon {{ui:ui-icon_add_gray-v4.webp?15}} - opens the Add Object dialog     - Add icon {{ui:ui-icon_add_gray-v4.webp?15}} - opens the Add Object dialog
Line 55: Line 55:
     - Back out of the dialog by swiping right-to-left again     - Back out of the dialog by swiping right-to-left again
 == Step 7 == == Step 7 ==
-  - The new "image" for the window object icon (not the window itself) appears in the center of the page selected (highlighted) ++(see image). | {{:howto:howto-window_create-window_object-selected.webp?direct&200}}+++  - The new "image" for the window object icon (not the window itself) appears in the center of the page selected (highlighted) ++(see image). | {{ui:ui-window-placeholder-selected-v4.webp?direct&200}}++
       * The "bulbs" in the center of each container border can be used as a handle to tap-hold and drag to modify the area of the window object icon.       * The "bulbs" in the center of each container border can be used as a handle to tap-hold and drag to modify the area of the window object icon.
         * Resize and position on the screen as desired         * Resize and position on the screen as desired
Line 61: Line 61:
   - The window object icon, which activates the window, is on the page with its default image.   - The window object icon, which activates the window, is on the page with its default image.
     - This image can be changed by selecting the object (tap and hold to highlight), which opens the top Object Design Menu.     - This image can be changed by selecting the object (tap and hold to highlight), which opens the top Object Design Menu.
-    - The top Object Design Menu Option icon {{ui:ui-icon_option-v4.webp?15}} opens the Option Edit dialog ++(see image). | {{:howto:howto-window_create-window_object-option.webp?direct&200}}+++    - The top Object Design Menu Option icon {{ui:ui-icon_option-v4.webp?15}} opens the Option Edit dialog ++(see image). | {{ui:ui-window-placeholder-edit-option-v4.webp?direct&200}}++
       * Tap the Image field to open the Image selection categories.       * Tap the Image field to open the Image selection categories.
         * Experiment with the Image and Icon Pack categories.         * Experiment with the Image and Icon Pack categories.
Line 68: Line 68:
     - The window object icon must be selected, then ...     - The window object icon must be selected, then ...
       * Tap the top Object Design Menu Action icon {{ui:ui-icon_action-v4.webp?15}}       * Tap the top Object Design Menu Action icon {{ui:ui-icon_action-v4.webp?15}}
-    - The Action dialog opens ++(see image). | {{:howto:howto-window-create-object-tap_action-dialog.webp?direct&200}}+++    - The Action dialog opens ++(see image). | {{ui:ui-window-placeholder-action-dialog-v4.webp?direct&200}}++
     - Scroll to view the various actions available. In this example, use ''Tap''     - Scroll to view the various actions available. In this example, use ''Tap''
-      * Select Tap > ''Action'' to open the Action On Tap dialog: ++(see image) | {{:howto:howto-window-create-object-action-dialog_blurred.webp?direct&200}}++ +      * Select Tap > ''Action'' to open the Action On Tap dialog: ++(see image) | {{:ui-tap_action-tap_selection.webp?direct&200}}++ 
-      * Select Window to open the Window-Portrait dialog ++(see image) | {{:howto:howto-window_create-window_object-window_portrait_dialog.webp?direct&200}}+++      * Select Window to open the Window-Portrait dialog ++(see image) | {{ui:ui-window-portrait-v4.webp.webp?direct&200}}++
       * Scroll the dialog to find and select the example ''App_Widget_Window''       * Scroll the dialog to find and select the example ''App_Widget_Window''
       * TL now returns to the previous Action On Tap dialog (Tap) and shows the tap action will open the ''App_Widget_Window''       * TL now returns to the previous Action On Tap dialog (Tap) and shows the tap action will open the ''App_Widget_Window''
Line 86: Line 86:
   - Enter Edit On mode   - Enter Edit On mode
   - From the top Object Design Menu select the Object Add icon {{ui:ui-icon_add_gray-v4.webp?15}}   - From the top Object Design Menu select the Object Add icon {{ui:ui-icon_add_gray-v4.webp?15}}
-  - The Add dialog opens ++(see image). | {{:howto:howto-window_create-widget-add.webp?direct&200}}++Then ...+  - The Add dialog opens ++(see image). | {{:ui-object_add-selection-v4.webp?direct&200}}++Then ...
       * Select Widget       * Select Widget
       * Select any desired object, but in this procedure, ''App drawer''       * Select any desired object, but in this procedure, ''App drawer''
Line 95: Line 95:
     - Now, to paste the copied widget into the window. Open the target window (tap the window widget)     - Now, to paste the copied widget into the window. Open the target window (tap the window widget)
       * In the upper right corner, tap the {{ui:ui-icon_add_paste-v4.webp?15}}       * In the upper right corner, tap the {{ui:ui-icon_add_paste-v4.webp?15}}
-    - From the Add dialog, select ''Paste'' ++(see image) | {{:howto:howto-window_create-widget_add-add_paste_dialog.webp?direct&200}}+++    - From the Add dialog, select ''Paste'' ++(see image) | {{ui:ui-object-paste-add-v4.webp?direct&200}}++
       * The "App_Widget_Window" now contains the App Drawer widget       * The "App_Widget_Window" now contains the App Drawer widget
     - Close the window by either tapping a blank space outside the window (if the full-screen window has been downsized earlier, there should be enough edge space to do so) //or// by swiping right-to-left.     - Close the window by either tapping a blank space outside the window (if the full-screen window has been downsized earlier, there should be enough edge space to do so) //or// by swiping right-to-left.
Line 105: Line 105:
  
 **The project is completed.** **The project is completed.**
-<WRAP center round info 60%>+<WRAP center round info 80%>
 A [[feature_requests:feature_requests_and_status|#FeatureRequest]] has been submitted to the developer to introduce a Launcher Action that toggles the object's ''Action'' > ''Invisible when edit mode is off'' feature. If implemented, it would allow individual objects or groups to be dynamically shown or hidden without relying on complexities of window containers or page-swap workarounds. A [[feature_requests:feature_requests_and_status|#FeatureRequest]] has been submitted to the developer to introduce a Launcher Action that toggles the object's ''Action'' > ''Invisible when edit mode is off'' feature. If implemented, it would allow individual objects or groups to be dynamically shown or hidden without relying on complexities of window containers or page-swap workarounds.
 </WRAP> </WRAP>