The Table Layout, Table Layout Row & Table Layout Cell are sections meant to hold other controls inside of them for a clean and sleek table appearance. They give you the ability to render an HTML table, i.e. they have nothing to do with the SARK Table/Service Data Table controls.
The Table Layout Row and Table Layout Cell do not have any configuration options. Instead, the colspan and rowspan HTML attributes should be used to specify how a table layout cell control is displayed in a table layout. The same structure that would be used in a HTML table should be used in these controls, meaning, that table layout row controls are nested within a table layout control and table layout cell controls are placed inside table layout row control.
Note:The layout of this control is not WYSIWYG in web-based process designer.
Appearance
The below appearance configuration options are for the Table Layout section.
Border Spacing Set spacing between cells in px
Border Collapse Separate, Collapse; When set to collapse there are no spaces between cells
Example
These are the configuration option settings...
Note: There are Text controls inside of the Table Layout Cells
This is the result...
Another example using multiple rows and cells within a Table Layout at design time...
At runtime...
You can use colspan and rowspan attributes to make cells span more than one column or row.
The HTML attributes for the Table Layout Cell with the "rowspan" text above are as follows:
The HTML attributes for the Table Layout Cell with the "colspan" text above are as follows:
This is the table layout result at runtime:
Method
For detailed information on the available methods for these controls, access the JS Doc file for Table Layout, Table Layout Row, or Table Layout Cell.
Related Article(s)
- Author: Courtney Silva
- Date Created: June 21, 2015
- Date Modified: September 21, 2015
Comments