From the category archives:

DataGrid

The following example shows how you can create a drop down MX DataGrid control in Flex 4 using the Spark PopUpAnchor control in Flex 4.

[click to continue…]

{ 7 comments }

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.

[click to continue…]

{ 2 comments }

The following example shows how you can filter an MX DataGrid control in Flex using two MX DateField control’s and filtering the ArrayCollection data provider.

[click to continue…]

{ 8 comments }

The following example shows how you can set the background alpha on a Halo DataGrid control in Flex 4 by setting the contentBackgroundAlpha style and setting the alternatingItemColors style to an empty array.

Full code after the jump.

[click to continue…]

{ 0 comments }

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

Full code after the jump.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

The following example shows how you can 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.

Full code after the jump.

[click to continue…]

{ 0 comments }

Removing the header separator skin on a Halo DataGrid control in Flex 4

by Peter deHaan July 20, 2009

The following example shows how you can remove the header separators from the Halo DataGrid control (with default Spark skin) in Flex 4 by setting the headerSeparatorSkin style.
Full code after the jump.

Read the full article →

Setting the header colors on the Halo DataGrid control in Flex 4

by Peter deHaan July 19, 2009

In a previous example, “Setting the base color on the Halo DataGrid control in Flex 4″, we saw how you could set the base/theme color on a Halo DataGrid control (with the default Spark skin) in Flex 4 by setting the baseColor style.
The following example shows how you can set gradient header colors on the [...]

Read the full article →

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

by Peter deHaan July 18, 2009

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

Read the full article →

Setting the background fill image on a Halo DataGrid in Flex 4

by Peter deHaan July 4, 2009

The following example shows how you can set the background fill image on a Halo DataGrid control (with default Spark skin) in Flex 4 by setting the borderSkin and alternatingItemColors styles.
Full code after the jump.

Read the full article →