Disabling keyboard navigation on the List control in Flex

By Peter deHaan On June 11, 2008 · 6 Comments

In a previous example, “Disabling keyboard navigation on the Accordion container in Flex”, we saw how to disabe keyboard navigation on the Flex Accordion container by overriding the keyDownHandler() method.

The following example shows how you can disable keyboard navigation on the Flex List control by extending the List class and overriding the protected [...]

Continue Reading →

Changing the text alignment of a List control in Flex

By Peter deHaan On June 3, 2008 · Leave a Comment

The following example shows how you can change the text alignment in a Flex List control by setting the textAlign style.

Full code after the jump.

 

Continue Reading →

Removing the track skin from a List control in Flex

By Peter deHaan On April 10, 2008 · Leave a Comment

The following example shows how you can remove the track skin from a Flex List control by setting the trackSkin style to null.

Full code after the jump.

 

Continue Reading →

Displaying scroll tips in a List control in Flex

By Peter deHaan On March 28, 2008 · 5 Comments

The following example shows how you can display scroll tips in a Flex List control by setting the showScrollTips property. You can also customize the scroll tip text by setting a custom scroll tip function using the scrollTipFunction property.

Full code after the jump.

Continue Reading →

Converting an array of String objects to an array of Object objects in Flex

By Peter deHaan On March 26, 2008 · Leave a Comment

The following example shows how you can convert an array of strings to an array of objects so it can be used as a data provider in Flex.

Full code after the jump.

Continue Reading →

Using a CheckBox control as a list item renderer in Flex

By Peter deHaan On January 27, 2008 · 28 Comments

The following example will show you how you can use a CheckBox control as a custom item renderer in a List control in Flex.
I haven’t done a lot of testing yet, so if you have any tips/suggestions/improvements, please, share them in the comments.

Full code after the jump.

Continue Reading →

Scrolling a Flex List control horizontally

By Peter deHaan On January 26, 2008 · 29 Comments

The following example shows you how you can create a horizontally scrolling List control in Flex by setting the horizontalScrollPolicy property.

Full code after the jump.

 

Continue Reading →

Selecting multiple items in Flex List and DataGrid controls

By Peter deHaan On November 21, 2007 · 28 Comments

The following example shows how you can have multiple selected items in a List or DataGrid control at the same time. To select multiple items at once, hold down the Shift or Control keys on your keyboard while pressing the mouse button on a list item.

Full code after the jump.

Continue Reading →

Scrolling to a specific index in a Flex List control

By Peter deHaan On November 8, 2007 · 10 Comments

The following example shows how you can scroll to a specific item index in Flex by using the scrollToIndex() method.

 

Continue Reading →

Resizing a Flex List control using the rowCount property

By Peter deHaan On October 28, 2007 · 17 Comments

The following example shows how you can resize a List control in Flex using the rowCount property. By setting the rowCount property, the List control is automatically resized so that only the specified number of rows are displayed.

Full code after the jump.

Continue Reading →

Creating multi-line list rows with variable row heights

By Peter deHaan On October 27, 2007 · 9 Comments

The following example shows how you can create multi-line rows with wrapping text and variable row heights with the Flex List control.

Full code after the jump.

 

Continue Reading →

Displaying icons in a Flex List control

By Peter deHaan On August 17, 2007 · 11 Comments

The following example demonstrates how to use embedded images in a List control so that each item in the list displays a little icon based on a certain property in the data provider. You’ll also notice that we set the textIndent style to give the label a bit more padding from the icon. Finally, we [...]

Continue Reading →