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.

Properties

Border

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

Data Source, Auto Query, Commit On Active, Default Where Clause, Delete Allowed, Insert Allowed, Order By Clause, Parent Data Source, Parent Data Source Item Id, Query Allowed, Refresh On Parent Commit, Single Record, Singleton, Transient Data Source, Update Allowed

Enabled

Uncheck if this component to be disabled.

Item Id

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.

Item Name

Give a meaning full name to the component

Layout

Choose from one of the available layouts. Check out Layouts for more info.

Scroll Mode

Sets the container's scroll mode.
Auto
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
None
The overflow is clipped, and the rest of the content will be invisible

Style Class

Adds a CSS style name to the component's underlying element. Multiple style classes can be specified with space as the delimiter e.g. class1 class2

Visible

Uncheck if this component to be hidden.

Layout Data Properties

Check out Layout Data for more info.

Location

101 California Street, Suite 2710
San Francisco, CA 94111


440 N. Wolfe Rd.
Sunnyvale, CA 94085


Office 11, 5th Floor, Building 9,
Mindspace IT Park
Hyderabad 500081

p: +1 (844) AT CloudIO (844-282-5683)
f: +1 (650) 300-5247 | e: sales@cloudio.io
© 2009, 2017 CloudIO Inc. | Terms of Use | Privacy Policy