Navigation:  Enterprise Forms Modules > Form Template Manager > Form Template Details > Form Template Designer > Edit Field Elements >

Datagrid Element

Previous pageReturn to chapter overviewNext page

The Datagrid element is used for providing users with a read-only table style listing of data bound from an external data source such as database table/view or stored procedure

 

The following properties are available for a Datagrid element

 

General Tab

 

DatagridGeneralTab

Property Name

Description

Name

Property used the describe the name of the Datagrid element.  This is a required field

FieldGroupName

This property represents the Name of the Group the field element belongs to.  FieldGroupName property is generally used with Conditional Visibility where it could be applied to a group of field elements with the same FieldGroupName value.

 

 

Layout Tab

 

DatagridLayoutTab

Property Name

Description

Class

Name of the CSS style class.  Some of the CSS classes available for use are

Normal

Head

SubHead

SubSubHead

NormalRed

NormalBold

Refer to the module style sheet and/or skin style sheet for more available CSS classes.  It is also possible to reference external CSS style sheets by adding a link reference via the HTML element.

Width

Specifies the width of the field element

Height

Specifies the Height of the field element

Border

Specifies whether the field element has a border.  Field element has no border by default (0px).  Border width is specified in terms of pixels (px)

CellSpacing

Specifies the width between cells in the datagrid.  Cell spacing value is specified in terms of pixels (px)

CellPadding

Specifies the distance between edges and cell data.  Cell padding value is specified in terms of pixels (px)

HeaderCSSClass

This property is used for specifying the CSS style to apply to the Header of the field element

ItemCSSClass

This property is used for specifying the CSS style to apply to the Item data row of the field element

AlternatingCSSClass

This property is used for specifying the CSS style to apply to the Alternating Item row of the field element

PagerCSSClass

This property is used for specifying the CSS style to apply to Paging row of the field element

EmptyDataCSSClass

This property is used for specifying the CSS style to apply when there is no data in the datagrid

 

 

Paging Tab

 

DatagridPagingTab

Property Name

Description

EnablePaging

This property is used to specify if data Paging should be enabled in the field element.  If this property is not enabled, all data rows are displayed

PagingSize

This property is used to specify the number of Row to display if Paging is enabled.

PagingStyle

This property is used to specify the style of Paging to be used for navigation between data pages.  Currently two paging styles are supported.  Previous Next or Numeric Pages.  PreviousNext  use Next and Previous links to navigate between pages.  Numeric Pages use page numbers as links to navigate between pages.

 

 

Databinding Tab

 

Refer to here for more information each property of the Databinding tab

 

 

Conditional Visibility Tab

 

Refer to here for more information each property of the Conditional Visibility tab