You Might Also Like...

• Setting the chrome color on the Spark Spinner component in Flex 4

  931 readersThe following example shows how you can set the chrome color on the Spark Spinner component in Flex 4 by setting the chromeColor style. <?xml version="1.0"?> <!-- http://blog.flexexamples.com/2010/05/08/setting-the-chrome-color-on-the-spark-spinner-component-in-flex-4/ --> <s:Application name="Spark_Spinner_chromeColor_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"> [...]

• Removing the selected highlight from the Spark ButtonBar control in Flex 4

  449 readersThe following example shows how you can remove the selected highlight from the Spark ButtonBar control in Flex 4 by creating a custom ButtonBar and ButtonBarButton skin class. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/03/31/removing-the-selected-highlight-from-the-spark-buttonbar-control-in-flex-4/ --> <s:Application name="Spark_ButtonBar_unselectable_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"> <s:controlBarContent> [...]

• Detecting the current state on a Spark List control item renderer in Flex 4

  895 readersThe following example shows how you can detect the current state on a Spark List control item renderer in Flex 4 by using the currentState property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/05/15/detecting-the-current-state-on-a-spark-list-control-item-renderer-in-flex-4/ --> <s:Application name="Spark_List_itemRenderer_currentState_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" [...]

• Displaying icons in a Spark List control in Flex 4

  722 readersThe following example shows how you can display icons in a Spark List control in Flex 4 by creating a custom item renderer and setting the itemRenderer property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/29/displaying-icons-in-a-spark-list-control-in-flex-4-2/ --> <s:Application name="Spark_List_itemRenderer_icon_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

• Looping through items in a Spark List control in Flex 4

  685 readersThe following example shows how you can loop through items in a Spark List control in Flex 4 by setting the Boolean arrowKeysWrapFocus property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/02/03/looping-through-items-in-a-spark-list-control-in-flex-4/ --> <s:Application name="Spark_List_arrowKeysWrapFocus_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"> <s:controlBarContent> [...]

• Creating a radio button item renderer on a Spark List control in Flex 4

  699 readersThe following example shows how you can use a Spark RadioButton control as an item renderer for a Spark List control in Flex 4 by setting the itemRenderer property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/05/20/creating-a-radio-button-item-renderer-on-a-spark-list-control-in-flex-4/ --> <s:Application name="Spark_List_itemRenderer_RadioButton_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

• Creating a fancy Spark List control item renderer in Flex 4

  1572 readersThe following example shows how you can create a fancy Spark List control item renderer by setting the itemRenderer property. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/01/27/creating-a-fancy-spark-list-control-item-renderer-in-flex-4/ --> <s:Application name="Spark_List_itemRenderer_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" [...]

• Hiding the border on a Spark List control in Flex 4

  541 readersThe following example shows how you can toggle the border visibility on a Spark List control in Flex 4 by setting the Boolean borderVisible style. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/02/05/hiding-the-border-on-a-spark-list-control-in-flex-4/ --> <s:Application name="Spark_List_borderVisible_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"> [...]

• Creating a multiline Spark RadioButton control in Flex 4

  563 readersThe following example shows how you can create a multiline Spark RadioButton control in Flex 4 by creating a custom RadioButton skin, setting the skinClass style, and removing the maxDisplayedLines property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/10/creating-a-multiline-spark-radiobutton-control-in-flex-4/ --> <s:Application name="Spark_CheckBox_skinClass_maxDisplayedLines_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]