Changing the appearance of the locked column separator skin for a DataGrid control in Flex 3

By Peter deHaan On December 5, 2007 · 4 Comments

The following example shows how you can set the verticalLockedSeparatorSkin style in MXML and ActionScript to control the appearance of the vertical locked separator skin when setting the lockedColumnCount property on a Flex Datagrid control.

Full code after the jump.

Continue Reading →

Styling the Flex DataGrid control using a custom separator skins

By Peter deHaan On August 28, 2007 · 4 Comments

The following example demonstrates how you can customize the Flex 3 DataGrid control by specifying a custom skin for the horizontalSeparatorSkin and verticalSeparatorSkin styles.

These styles were added in Flex 3 and will not work with Flex 2.0.1.

Full code after the jump.

Continue Reading →

Toggling a DataGrid control’s horizontal grid lines and vertical grid lines

By Peter deHaan On July 23, 2007 · 3 Comments

OK, this is a pretty neat trick. Flex makes it pretty easy to customize the look and feel of the DataGrid. For example, the following code lets you toggle the data grid’s horizontalGridLines and verticalGridLines styles on or off, change the alternating row background colors so each row is a plain white, and sets the [...]

Continue Reading →