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.

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.

See also