BorderLayout

Bottom Bottom margin in pixels
Collapsed Check if this border layout region should be rendered in collapsed state
Collapsible Check to allow the user to collapse this region. Note: Panel header should be visilble as the collapsible icon will be placed on the header of the panel.
Left Left margin in pixels
Max Applicable if Split is checked. Set the maximum size in pixels upto which the user can expand the panel. Defaults to 500
Min Applicable if Split is checked. Set the minimum size in pixels upto which the user can shrink the panel. Defaults to 50.
Region Select a region in which this panel should get placed into the border layout parent. (North, East, South, West, Center)
Right Right margin in pixels
Size Specify the initial width (East, West) or height (North, South) of the panel in pixels. Note 1 will be treated as 1 pixel and not 100%.
Split Check to display a split bar between this region and its neighbor, allowing the user to resize the regions dynamically. Make sure to set the margin for the split bar e.g. set Bottom to 5 if you checking Split on the North Region
Top Top margin in pixels

FitLayout

Bottom Bottom margin in pixels
Left Left margin in pixels
Right Right margin in pixels
Top Top margin in pixels

Grid

Auto Expand Check this property if this column should expand to fill unused space.
Column Header Column header group text. Setting same column header value to consecutive columns would render a column group header spanning accross the columns with the same value.
Column Summary Formula You can specify any expression. Sample expression
sum(#{price}) 
'Sum: ' + sum(#{price}) + newline() + 'Avg: ' + avg(#{price}) 
'Avg of Day2:'+ avg(#{price}/100)
'Max:'+max(#{day3})
Minimum Length For Tooltip Applicable when show tooltip is checked.
Resizable Check this to allow the grid column to be resized
Show Summary Check this property to display a summary in the column footer
Show Tooltip Check this to display tooltip on all the grid cells under this column. This is helpful when the data being displayed is truncated due to the lack of enough space to display in the cell. The grid cell value will be displayed in the tooltip when the text length is more than the "Minimum Length For Tooltip"
Sort Allowed Enables column sorting
Style Class CSS Style classes to be applied for this column. Must be an expression. e.g. 'class1 class2', #{attr}=='Y'?'class1':'class2'. Refer to Expression for more information.
Tooltip Template The template to be used for the tooltips. Sample template
<div>
This is a sample Tool Tip<br/> Country Name: <b>{countryname}</b><br/>
You can use any html snippet as part of the template with place holders to fill-in from datasource attribtues </div>
Tree Column Check this to render this column values in a tree controll.

ColumnLayout & RowLayout

Bottom Bottom margin in pixels
Height The height of the container. Value can be in pixels (> 1) or in percentage. <= 1 will be treated as percentage. e.g. .5 = 50%, 1 = 100%. -1 = do not set any height. Form ColumnLayout you must specify the height in pixels or 1 for atleast one child. Having -1 for all children won't work.
Left Left margin in pixels
Right Right margin in pixels
Top Top margin in pixels
Width The width of the container. Value can be in pixels (> 1) or in percentage. <= 1 will be treated as percentage. e.g. .5 = 50%, 1 = 100%. -1 = do not set any width.

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