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-page_scrolling-vertical [2026/07/10 14:50] dorepshowto:howto-page_scrolling-vertical [2026/07/19 12:00] (current) – ↷ Links adapted because of a move operation doreps
Line 1: Line 1:
-<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 changes to the user interface. 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> 
- 
----- 
- 
 ====== Cool Feature: Total Launcher Vertical Page Scrolling ====== ====== Cool Feature: Total Launcher Vertical Page Scrolling ======
  
Line 17: Line 6:
 <WRAP group> <WRAP group>
 <WRAP column 25%> <WRAP column 25%>
-► **Scroll the current page to ...** +►  
-{{:ui:ui-launcher_action-scroll_page-video.gif|Scroll the current page to ...}}+{{https://youtube.com/shorts/9PHpzL6-xOQ?feature=share|**Click to Play on YouTube**}} 
 +{{:ui:ui-launcher_action-scroll_page-screen_capture-v4.webp?direct&110|Click to Play}}
 </WRAP> </WRAP>
 <WRAP column 60%> <WRAP column 60%>
Line 28: Line 18:
  
 To set up the launcher for vertical page scrolling: To set up the launcher for vertical page scrolling:
-  - Enter Edit Mode (see [[section:section1-2-e_beginners_basic_editing_steps#to_enter_edit_mode|How to Enter Edit Mode]])+  - Enter Edit Mode (see [[section:section-basic_editing#to_enter_edit_mode|How to Enter Edit Mode]]) to view the Edit Menu {{:ui:ui-menu-edit_mode-v4.webp?direct&150}}
   - Scroll left or right to view the page desired for vertical scrolling   - Scroll left or right to view the page desired for vertical scrolling
-  - Tap the Edit Off icon {{:ui:ui-icon_edit_mode-edit_off.webp?direct&25}} +  - Tap the Edit Off icon {{ui:ui-icon_edit_mode-edit_off-v4.webp?direct&25}} to enter Edit On mode. 
-  - Note the Option icon {{ :ui:ui-icon_option-25-v4.webp?direct}} in the lower right corner of the page and tap it +  - Note the Option icon {{:ui:ui-icon_option-25-v4.webp}} in the lower right corner of the page and tap it 
-          - The Page Settings dialog will open +          - The Page Options dialog will open. 
-          - Deselect the "Fit the content to the screen height (disable scrolling) and tap OK +          - Deselect the "Fit the content to the screen height (disable scrolling) and tap OK. 
-  - Tap the page to activate it (it is now the screen) +  - Tap the page to activate it (the page is now the screen) 
-  - Edit Mode is still on ... tap the Object Add icon {{ui:ui-icon_add-white_on_black-v4.webp?25}} in the upper right of the screen+  - Edit Mode is still on... Tap the Object Add icon {{ui:ui-icon_add-white_on_black-v4.webp?25}} in the upper right of the screen
     - Select any desired item (layout, widget, graphic) ... for simplicity in this instruction, select graphic     - Select any desired item (layout, widget, graphic) ... for simplicity in this instruction, select graphic
         - Select ''Text''         - Select ''Text''
Line 53: Line 43:
                     - This reviewer's mobile device screen specification is 1024x2400; others may vary                     - This reviewer's mobile device screen specification is 1024x2400; others may vary
                         - The "Text" is initially positioned almost in the center of the screen with the measures: X=519; Y=1142, both showing the upper left point of the "Text" object in //pixels//                         - The "Text" is initially positioned almost in the center of the screen with the measures: X=519; Y=1142, both showing the upper left point of the "Text" object in //pixels//
-                - To set a Y position, use the slider to enter 2504 (the maximum) or tap the 'number' to open the manual entry dialog. Tap Ok. The "text" object has //disappeared// ... scroll //**down**// to find it+                - To set a Y position, use the slider to enter ''2504'' (the maximum) or tap the 'number' to open the manual entry dialog. Tap Ok. The "text" object has //disappeared// ... scroll //**down**// to find it
   - A vertically scrolling screen has been created.   - A vertically scrolling screen has been created.
  
-<WRAP center round tip 60%+<WRAP toby round> 
-When setting the Y-axis number for the 'depth' of the vertical scroll, the dialog restricts the maximum entry/slide of 2504.+Toby says {{:ui:ui-icon_megaphone-32-v4.webp}} 
 + 
 +When setting the Y-axis number for the 'depth' of the vertical scroll, the dialog restricts the maximum entry/slide to 2504.
  
 A higher number is achievable, but requires: A higher number is achievable, but requires:
-  * **Manual movement** of the object using tap/hold/drag, repeatedly or+  * **Manual movement** of the object using tap/hold/drag, repeatedly //or// 
   * **Scale**   * **Scale**
-    - With the object deselected, tap the Scale icon {{:ui:ui-icon_move_scale-v4.webp&direct&25}} on the Page Design menu +    - With the object deselected, tap the Scale icon {{:ui:ui-icon_move_scale-v4.webp?direct&35}} on the Page Design menu 
-      - The top dialog is scale. It defaults to 100. Negative shrinks and positive expands. To move an object to a greater page depth, scale negatively to shrink the display. Exit the full dialog.+      - The top dialog is scale. It defaults to 100. Negative shrinks and positive expands. To move an object to a greater page depth, apply a negative scale to shrink the display. Exit the full dialog.
         - Select the object and drag it to the lower position desired and deselect it.         - Select the object and drag it to the lower position desired and deselect it.
         - Enter Scale mode again and adjust the 'scale' to the original view (the object moved will disappear). Exit the full dialog.         - Enter Scale mode again and adjust the 'scale' to the original view (the object moved will disappear). Exit the full dialog.