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:43] – 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.