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:48] – 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 25: Line 15:
 </WRAP> </WRAP>
 </WRAP> </WRAP>
-<WRAP clear>+<WRAP clearb/> 
 + 
 +To set up the launcher for vertical page scrolling: 
 +  - 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 
 +  - 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}} in the lower right corner of the page and tap it 
 +          - The Page Options dialog will open. 
 +          - Deselect the "Fit the content to the screen height (disable scrolling) and tap OK. 
 +  - 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 
 +    - Select any desired item (layout, widget, graphic) ... for simplicity in this instruction, select graphic 
 +        - Select ''Text'' 
 +        - Select ''Default'' 
 +    - "Text" now appears on the page, and it is selected 
 +        - This object must be moved below the bottom of the page. There are 2 methods: Manual (hard) and Calculated (easy) 
 +            - Manual 
 +                - Tap and hold the "Text" and drag to the bottom of the page as low as possible and release 
 +                - Swipe up the screen 
 +                - Repeat the previous 2 steps until the object is "low enough" to provide the amount of vertical page scrolling desired 
 +            - Calculated 
 +                - Tap the "Text" to reveal the Edit icon {{:ui:ui-icon_object_edit-v4.webp?direct&25}} and tap it (before it disappears) 
 +                - The Edit dialog opens 
 +                    - The X/Y data represents the location of the object 
 +                        - X being the x-axis or the horizontal position 
 +                        - Y being the y-axis or the vertical position 
 +                    - 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// 
 +                - 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. 
 + 
 +<WRAP toby round> 
 +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: 
 +  * **Manual movement** of the object using tap/hold/drag, repeatedly //or// 
 + 
 +  * **Scale** 
 +    - 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, 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. 
 +        - Enter Scale mode again and adjust the 'scale' to the original view (the object moved will disappear). Exit the full dialog. 
 +    - The page will now scroll to the relocated object with a Y-axis greater than the Object Edit dialog limits. 
 +</WRAP> 
 + 
 + 
 +<WRAP noprint>{{page>site:site-footer-comment_feedback_block}}</WRAP>
  
-hello