From the category archives:

DropDownList (Spark)

In a previous example, “Setting the border alpha on a Spark DropDownList control in Flex 4″, we saw how you could set the border alpha on a Spark DropDownList control’s popup menu in Flex 4 by setting the borderAlpha style.

The following example shows how you can set the border color on a Spark DropDownList control’s popup menu in Flex 4 by setting the borderColor style.

[click to continue…]

{ 0 comments }

The following example shows how you can set the border alpha on a Spark DropDownList control’s popup menu in Flex 4 by setting the borderAlpha style.

[click to continue…]

{ 0 comments }

The following example shows how you can check whether the user has selected an item in the Spark DropDownList control in Flex 4 by setting the Boolean requiresSelection property to true or using a NumberValidator to check the DropDownList control’s selectedIndex property is greater than -1.

[click to continue…]

{ 1 comment }

The following example shows how you can display all items in a Spark DropDownList control’s drop down menu in Flex 4 by creating a custom DropDownList skin and removing the Scroller skin part.

[click to continue…]

{ 0 comments }

The following example shows how you can set the horizontal scroll policy on a Spark DropDownList control in Flex 4 by setting the horizontalScrollPolicy style on the drop down menu’s Scroller skin part.

[click to continue…]

{ 0 comments }

The following example shows how you can set a roll over open delay on a Spark DropDownList control in Flex 4 by extending the DropDownList control, accessing the protected DropDownController object and setting the rollOverOpenDelay property.

[click to continue…]

{ 0 comments }

In a previous example, “Creating two related ComboBoxes”, we saw how you could create two or three related MX ComboBox controls in Flex 3 by binding to the previous ComboBox control’s selected item.

The following example shows how you can create three related Spark DropDownList controls in Flex 4 by using databinding and XML.

[click to continue…]

{ 0 comments }

In a previous example, “Setting the width of the dropdown menu on a ComboBox control in Flex”, we saw how you could set the width of the dropdown menu on a Flex MX ComboBox control by setting the dropdownWidth property.

The following example shows how you can change the width of the Spark DropDownList control’s pop up menu so the pop up menu width matches the contents rather than the DropDownMenu button control’s width by setting the Boolean popUpWidthMatchesAnchorWidth property.

Full code after the jump.

[click to continue…]

{ 0 comments }

Resizing a Spark DropDownList control to match the currently selected item in Flex 4

by Peter deHaan January 21, 2010

The following example shows how you can resize the Spark DropDownList control to match the currently selected list item in Flex 4 by setting the DropDownList control’s typicalItem property to the currently selected item.
Full code after the jump.

Read the full article →

Creating a variable row height Spark DropDownList control in Flex 4

by Peter deHaan January 19, 2010

In a previous example, “Creating a variable row height item renderer on a ComboBox control in Flex”, we saw how you could create a variable row height item renderer on a Flex MX ComboBox control by setting the variableRowHeight property on the ComboBox control’s dropdown property.
The following example shows how you can create a variable [...]

Read the full article →

Setting alternating item colors on a Spark DropDownList control in Flex 4

by Peter deHaan August 8, 2009

The following example shows how you can set alternating item colors on a Spark DropDownList control in Flex 4 by setting the alternatingItemColors style.
Full code after the jump.

Read the full article →

Programmatically opening a Spark DropDownList control in Flex 4

by Peter deHaan August 7, 2009

In a previous example, “Determining if a drop down menu is open in a Spark DropDownList control in Flex 4″, we saw how we could check whether a drop down list menu is open in a Spark DropDownList control in Flex 4 by checking the Boolean isDropDownOpen property.
The following example shows how you can programmatically [...]

Read the full article →