====== Cool Feature: Total Launcher Vertical Page Scrolling ======

Scrolling is a unique way to increase a setup's visibility. There are two methods of scrolling a page:
  ***Horizontal** - Swiping left-to-right or right-to-left will change the viewable page on the user's screen. This, of course, depends on the number of "pages" the user has created. Many launchers have this capability. In Total Launcher, see [[:howto:howto-page_creation|Page Creation]] for an overview.
  ***Vertical** - Swiping up or down is a unique capability of Total Launcher. It expands the screen's real estate. Some have said it allows easy access to data objects/widgets that are less frequently used and therefore unnecessary to view continuously. Few launchers have this. Read below on how to make this possible.
<WRAP group>
<WRAP column 25%>
► 
{{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 column 60%>
<WRAP info round>
This video uses Total Launcher's ''Scroll the current page to'' Launcher action with scroll points set to 0%, 25%, 50%, 100%, 125%. A review of this launcher action can be seen [[ui:ui-launcher_action-landing#scroll the current page to|here]]
</WRAP>
</WRAP>
<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>