Posts tagged as:

itemRenderer

In a previous example, “Preventing item selection in the Spark List control in Flex 4″, we saw how you can prevent item selection in the Spark List control in Flex 4 by listening for the changing event and calling the preventDefault() method on the IndexChangeEvent event object instance.

The following example shows how you can keep List item selection but prevent the selected item highlighting (while maintaining the hover highlight) in the Spark List control in Flex 4 by creating a custom item renderer, setting the autoDrawBackground property to false, and drawing your own highlight in the hover state only.

[click to continue…]

{ 6 comments }

The following example shows how you can set the text indent on a Spark List control in Flex 4 by creating a custom item renderer using the RichText control and setting the textIndent style.

[click to continue…]

{ 3 comments }

The following example shows how you can create a fancy Spark List control item renderer by setting the itemRenderer property.

Full code after the jump.

[click to continue…]

{ 3 comments }

The following example shows how you can create a simple, custom item renderer to display thumbnails in a Spark List control in Flex 4 by setting the itemRenderer property.

Full code after the jump.

[click to continue…]

{ 6 comments }

The following example shows how you can display images automatically in a Spark List control in Flex 4 by setting the itemRenderer property to the DefaultComplexItemRenderer class.

Full code after the jump.

[click to continue…]

{ 2 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 }

The following example shows how you can create a data tip on individual items in a Spark List control in Flex 4 by creating a custom item renderer and setting the toolTip property.

Full code after the jump.

[click to continue…]

{ 6 comments }

In a previous example, “Displaying different fonts in a dropdown menu on a ComboBox control in Flex”, we saw how you could set different fonts for different items in a Flex ComboBox control’s dropdown menu by using a custom item renderer.

The following example shows you how you can display different fonts for each item in a Spark List control in Flex 4 by creating a custom item renderer.

Full code after the jump.

[click to continue…]

{ 3 comments }

Displaying icons in a Spark List control in Flex 4

by Peter deHaan June 24, 2009

The following example shows how you can display icons in a Spark List control in Flex 4 by creating a custom item renderer.
Full code after the jump.

Read the full article →

Creating a bitmap background fill on a Spark List control in Flex 4

by Peter deHaan April 26, 2009

The following example shows how you can set a bitmap background fill on a Spark List control in Flex 4 by creating a custom Spark List skin with a BitmapFill object and setting a custom item renderer.
Full code after the jump.

Read the full article →

Creating a linear gradient background fill on a Spark List control in Flex 4

by Peter deHaan April 25, 2009

The following example shows how you can set a linear gradient background fill on a Spark List control in Flex 4 by setting the skinClass style and setting the background fill to a LinearGradient object.
Full code after the jump.

Read the full article →

Creating a linear gradient roll over background on a Spark List in Flex 4

by Peter deHaan April 24, 2009

The following example shows how you can create a gradient roll over color on a Spark List control in Flex 4 by creating a custom item renderer setting the itemRenderer property.
Full code after the jump.

Read the full article →