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.
Rectangle
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.
Scroll Area
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 in the canvas.
-
Width and Height – Enter the dimensions of the inner size.
-
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).
Scrollbars – Customize the look of the scroll bars.
-
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.
-
Foreground – Foreground color of the scrollbar.
-
Background – Choose the background color of the scrollbar.
-
Corner – Choose the color of the corner square that is formed with the horizontal and vertical scroll bars come together.
-
Width – Change the width of the scrollbar in pixels.