Category Archives: DropDownListSkin

Setting the width of the dropdown menu on a Spark DropDownList control in Flex 4

beta2, DropDownList (Spark), DropDownListSkin, ,

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.

Continue reading Setting the width of the dropdown menu on a Spark DropDownList control in Flex 4 →

Removing the vertical separator from the Spark DropDownList control in Flex 4

beta1, DropDownList (Spark), DropDownListButtonSkin, DropDownListSkin,

In a previous example, “Removing the vertical separator from the ComboBox control in Flex”, we saw how you could remove the vertical separator from the Flex ComboBox control by creating a custom ComboBox skin using ActionScript.

The following example shows how you can remove the vertical separator from the Spark DropDownList control in Flex 4 by creating a custom skin and setting the skinClass style.

Full code after the jump.

Continue reading Removing the vertical separator from the Spark DropDownList control in Flex 4 →