Creating complex data provider objects in MXML using Flex 4

By Peter deHaan On October 20, 2010 · 1 Comment

The following example shows how you can create a complex MX DataGrid data provider with nested objects in MXML using the <fx:Object> tag.

 

Continue Reading →

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

By Peter deHaan On June 19, 2010 · 1 Comment

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 [...]

Continue Reading →

Creating a drop down DataGrid control in Flex 4

By Peter deHaan On March 9, 2010 · 9 Comments

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.

 

Continue Reading →

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

By Peter deHaan On February 26, 2010 · 4 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 [...]

Continue Reading →

Filtering an MX DataGrid control by date range using Flex

By Peter deHaan On February 1, 2010 · 19 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.

 

Continue Reading →

Setting the background fill alpha on a Halo DataGrid control in Flex 4

By Peter deHaan On October 25, 2009 · Leave a Comment

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.

Continue Reading →

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

By Peter deHaan On September 27, 2009 · Leave a Comment

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 →

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

By Peter deHaan On August 21, 2009 · 3 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.

Continue Reading →

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

By Peter deHaan On July 22, 2009 · 1 Comment

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 [...]

Continue Reading →

Setting the icon color on the DataGrid control in Flex

By Peter deHaan On July 21, 2009 · 3 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.

Continue Reading →

Removing the header separator skin on an MX DataGrid control in Flex 4

By Peter deHaan On July 20, 2009 · 1 Comment

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

Continue Reading →

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

By Peter deHaan On July 19, 2009 · 2 Comments

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 [...]

Continue Reading →