In this section: |
In the same manner that you can use AS syntax in a WebFOCUS procedure to change the column heading names to what you specify, you can now change column titles in the data grid using AS phrase.
You can add visualization graphic bars as well as stop light images inside ibiDataGrid columns, similar to the functionality of WebFOCUS reports.
The following prefix operators can be used:
Prefix |
Operation |
---|---|
Visualize. |
Adds visualization bars. |
VisualRange. |
Adds visualization bars with colors specified for the expected range of values. |
VisualCircle. |
Adds stop light images. |
The effect of the visualizations can be seen in the following image.
The following data grid column styling properties are supported in the ibiColumnStyle property for the ibiDataGrid component.
Style Accepted Values Property |
Accepted Values |
---|---|
backgroundColor: |
Hex Color Code; Color Name |
color: |
Hex Color Code; Color Name |
bold: |
true; false |
italic: |
true; false |
underline: |
true; false |
fontFamily: |
Font Name |
fontSize: |
Number Value |
textAlign: |
right; center; left (default) |
headerWordWrap: |
true; false |
wordWrap: |
true; false |
width: |
Number Value |
Note: User specified variables are in italic.
The ibiDataGrid component supports Flex DataGrid component properties. You can add more detailed styling and effects while still utilizing the data aggregation, calculation, and filtering options Enable components provide.
Due to the nature of XML in MXML source code, flex properties that exist under the Adobe mx namespace prefix need to be nested as children of the properties in the ibi namespace prefix, as shown in the following example.
<ibi:columns> <mx:DataGridColumn headerText=" Region " dataField=" REGION " fontSize=" 18 " width=" 60 " wordWrap=" true " /> <mx:DataGridColumn headerText=" State " dataField=" ST " fontSize=" 18 " fontWeight=" bold " width=" 100 " /> <mx:DataGridColumn headerText=" City " dataField=" CITY " width=" 50 " fontStyle=" italic " wordWrap=" true " /> </ibi:columns>
WebFOCUS |