Scroll Area Element
A scroll area is a container that will add scrollbars around an element or group of elements, if necessary. It can also be used to clip content.
Background – Select Enabled to show the background of the scroll area.
- Color - Use the color picker to choose a color for the background.
Border – The border or outline of the scroll area.
Width - Defines how wide the border will be.
Color - Choose a color for the border.
Inner Size – Define the area’s inner size which holds the child elements. If this inner size is smaller than the container, you’ll see the inner size defined by a dotted line.
Auto - Select to have the inner size automatically sized to the extent of the child elements.
Alignment - If the inner size is smaller than the container, use this setting to specify the placement of the content (elements).
Horizontal Scrollbar – Choose to have a horizontal scrollbar. Auto will add one if the content width is greater than the width of the Scroll Area.
Vertical Scrollbar – Choose to have a vertical scrollbar. Auto will add one if the content height is greater than the height of the Scroll Area.
You can also customize the color of the scrollbar (Foreground), its background, and the square in the corner that is created when there are both horizontal and vertical scroll bars.