Scrolling

Scrolling characteristics define scrolling behavior for UI elements. They allow users to enable or disable specific Scrolling functionality for screens, containers, and widgets without writing code.

Accessing Scrolling

The Scrolling section is located in the Inspector panel below the Flags section.

Adding Scrolling functions

To add Scrolling to an element:

1. Select the element in the canvas
2. In the Inspector panel, locate the Scrolling section
3. Click the "+" button to the right of the Scrolling header
4. A list titled "Add Scrolling" will appear
5. Click on one item from the list to select it
6. Once the desired scrolling function is selected, close the dialog by clicking the X in the top-right corner or clicking outside the list
7. The selected Scrolling function will be added to the element in the scrolling section

Toggling Scrolling

Once a Scrolling function is added to an element, it will appear in the Scrolling section with On/Off toggle buttons:

• Click "On" to enable the Scrolling function
• Click "Off" to disable the Scrolling function

Available Scrolling items

• Scrollable: Makes the element capable of scrolling content
• Scroll elastic: Enables an elastic bounce effect when scrolling past the content boundaries
• Scroll momentum: Maintains scrolling motion after the user stops dragging
• Scroll one: Restricts scrolling to one item at a time
• Scroll chain horizontal: Links horizontal scrolling between elements
• Scroll chain vertical: Links vertical scrolling between elements
• Scroll with arrow: Enables scrolling using arrow buttons/keys

Removing Scrolling functions

To remove a scrolling function from an element:

1. Click the "+" button to open the "Add scrolling" list
2. Find the Scrolling function to be removed
3. Click on the Scrolling function to be removed (this will deselect it)
4. Close the dialog by clicking the X in the top-right corner or clicking outside the list