Scroll Container Region

Last update: Download PDF Edit

A scroll container region is part of a Scroll Container, and defines a content area.

Common Properties

Class

The class property allows you to specify one or more cascading style sheet (CSS) classes for the widget. The classes should be separated by a space. The classes will be applied to the widget in the browser and the widget will get the corresponding styling. The classes should be classes in the theme that is used in the project. It overrules the default styling of the widget.

Styling is applied in the following order:

1) the default styling defined by the theme the project uses
2) the `Class` property of the widget
3) the `Style` property of the widget.

You can see which widgets in a page have styling applied via the class or style property by clicking the Show styles button.

Location and effect of the Show styles button

Style

The style property allows you to specify additional CSS styling. If a class is also specified, this styling is applied after the class.

For example:

background-color:lightblue; color:red;

will result in red text on a blue background.

You can see which widgets in a page have styling applied via the style or class property by clicking the Show styles button.

General Properties

Width (only for left and right region)

Whether the width value of the region is defined in pixels or as a percentage of its parent’s width.

Width value (only for left and right region)

The width of the region, either in pixels or a percentage, depending on the value of the width property.

Height (only for top and bottom region)

Whether the height value of the region is defined in pixels or as a percentage of its parent’s height.

Height value (only for top and bottom region)

The height of the region, either in pixels or a percentage, depending on the value of the height property.