Skip to main content

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

2019-12-18 13:13:15