You Might Also Like...

• Setting a roll over open delay on a Spark VolumeBar control in Flex 4

  479 readersIn a previous example, “Setting a roll over open delay on a Spark DropDownList control in Flex 4″, we saw how you could 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. The following example

• Setting the border alpha on a Spark DropDownList control in Flex 4

  325 readersThe 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. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/03/20/setting-the-border-alpha-on-a-spark-dropdownlist-control-in-flex-4/ --> <s:Application name="Spark_DropDownList_borderAlpha_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

• Setting the horizontal scroll policy on a Spark DropDownList control in Flex 4

  851 readersThe 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. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/02/06/setting-the-horizontal-scroll-policy-on-a-spark-dropdownlist-control-in-flex-4/ --> <s:Application name="Spark_DropDownList_scroller_horizontalScrollPolicy_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

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

  454 readersThe 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. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/01/21/resizing-a-spark-dropdownlist-control-to-match-the-currently-selected-item-in-flex-4/ --> <s:Application name="Spark_DropDownList_typicalItem_test" xmlns:fx="http://ns.adobe.com/mxml/2009" [...]

• Toggling the drop shadow on the Spark DropDownList control in Flex 4

  546 readersThe following example shows how you can toggle the drop shadow on the Spark DropDownList control in Flex 4 by setting the Boolean dropShadowVisible style. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/06/21/toggling-the-drop-shadow-on-the-spark-dropdownlist-control-in-flex-4/ --> <s:Application name="Spark_DropDownList_dropShadowVisible_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <s:controlBarContent> <s:CheckBox id="cb" label="dropShadowVisible" selected="true" change="cb_changeHandler(event);" /> </s:controlBarContent>   <fx:Script> <![CDATA[ protected function cb_changeHandler(evt:Event):void { ddl.openDropDown(); } ]]> </fx:Script>

• Checking that an item is selected in the Spark DropDownList control in Flex 4

  521 readersThe 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. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/03/12/checking-that-an-item-is-selected-in-the-spark-dropdownlist-control-in-flex-4/ --> <s:Application name="Spark_DropDownList_requiresSelection_test" [...]

• Displaying all items in a Spark DropDownList control drop down menu in Flex 4

  604 readersThe 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. Thanks to Andriy Panas for the no Scroller suggestion in http://bugs.adobe.com/jira/browse/SDK-22614. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/02/10/displaying-all-items-in-a-spark-dropdownlist-control-drop-down-menu-in-flex-4/ --> <s:Application name="Spark_DropDownList_noScroller_test" [...]

• Setting a text indent on the Spark List control in Flex 4

  579 readersThe 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. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/02/19/setting-a-text-indent-on-the-spark-list-control-in-flex-4/ --> <s:Application name="Spark_List_itemRenderer_textIndent_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

• Setting the pop up position on a Spark PopUpAnchor control in Flex 4

  510 readersThe following example shows how you can set the pop up position on the Spark PopUpAnchor control in Flex 4 by setting the popUpPosition property to one of the static constants in the spark.components.PopUpPosition class. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/01/20/setting-the-pop-up-position-on-a-spark-popupanchor-control-in-flex-4/ --> <s:Application name="Spark_PopUpAnchor_popUpPosition_test" xmlns:fx="http://ns.adobe.com/mxml/2009" [...]

• Setting a bitmap fill on a Spark Button control in Flex 4

  895 readersThe following example shows how can apply a background bitmap fill on a Spark Button control in Flex 4 by creating a custom skin, using the BitmapFill class and setting the skinClass style. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/29/setting-a-bitmap-fill-on-a-spark-button-control-in-flex-4/ --> <s:Application name="Spark_Button_skinClass_BitmapFill_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]