Category Archives: DataGrid

Removing the header indicator and selection indicator from the MX DataGrid control header in Flex 3

In a previous example, “Disabling item highlight indicator in the MX List control in Flex 3”, we saw how you could disable the highlight indicator in the MX List control in Flex 3 by subclassing the List control and overriding the protected drawHighlightIndicator() method.

The following example shows how you can remove the header indicator and selection indicator from the MX DataGrid control in Flex 3 by extending the DataGridHeader class, overriding the protected drawHeaderIndicator() and drawSelectionIndicator() methods and setting the headerClass property in the mx_internal namespace.

Continue reading Removing the header indicator and selection indicator from the MX DataGrid control header in Flex 3

Removing the sort arrow skin from an MX DataGrid control in Flex

In a previous example, “Changing the default sort arrow skin on a Flex DataGrid control”, we saw how you could change the sort arrow skin on a DataGrid control in Flex by setting the sortArrowSkin style.

The following example shows how you can remove the sort arrow skin from an MX DataGrid control in Flex by setting the sortArrowSkin style to the mx.skins.ProgrammaticSkin class.

Continue reading Removing the sort arrow skin from an MX DataGrid control in Flex

Setting the base color on the nested scrollbars in the MX DataGrid control in Flex 4

The following example shows how you can change the base color on the MX DataGrid control’s horizontal and vertical scroll bars by setting the horizontalScrollBarStyleName and verticalScrollBarStyleName styles to a custom style containing the chromeColor style.

Continue reading Setting the base color on the nested scrollbars in the MX DataGrid control in Flex 4

Using a CFF embedded font with a Halo DataGrid control in Flex 4

The following example shows how you can use a CFF embedded font with a Halo DataGrid container by setting the itemRenderer property or defaultDataGridItemRenderer style to the mx.controls.dataGridClasses.TLFDataGridItemRenderer class.

Full code after the jump.

Continue reading Using a CFF embedded font with a Halo DataGrid control in Flex 4

Setting the icon color on the Halo DataGrid control in Flex 4

In a previous example, “Setting the icon color on the DataGrid control in Flex”, we saw how you could set the icon color (the sort arrow color in the DataGrid header and arrows icons in the horizontal/vertical scrollbar) on a Flex DataGrid control by setting the iconColor style.

The following example shows how you can set the icon/symbol color on a Halo DataGrid control (with default Spark skin) in Flex 4 by setting the symbolColor style.

Full code after the jump.

Continue reading Setting the icon color on the Halo DataGrid control in Flex 4