A Container that lays out its children using a Layout. Layouts are responsible for connecting the child components to the container. Layouts are very flexible as they can create any internal element structure, inserting its child components at any location. For example, a TableLayout lays out its children using HTML tables.This TableLayout container makes the child items to be alligned in tabular format. Many layouts support layout data which are configurable objects that provide additional information to the layout. These objects can be passed when adding and inserting child components into the container. Each layout will document if and what layout data it supports.
Adds or removes a border. The style name 'x-border' is added to the component to display a border.
Data Source Properties
Check Datasource Properties for the help on the following properties
Uncheck if this component to be disabled.
A unique name for the component within the page. Make it meaning full and readable especially if this component will be referred by others. e.g. UI Rule, Action items, Link targets etc.
Give a meaning full name to the component
Choose from one of the available layouts. Check out Layouts for more info.
Scroll ModeSets the container's scroll mode.
- If overflow is clipped, both horizontal & vertical scroll-bars will be added to see the rest of the content
- Auto X
- If overflow is clipped, the horizontal scroll-bars will be added to see the rest of the content horizontally
- Auto Y
- If overflow is clipped, the vertical scroll-bars will be added to see the rest of the content vertically
- The overflow is clipped, and the rest of the content will be invisible
Style ClassAdds a CSS style name to the component's underlying element. Multiple style classes can be specified with space as the delimiter e.g.
Uncheck if this component to be hidden.
Layout Data Properties
Check out Layout Data for more info.