You Might Also Like...

• 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" [...]

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

  540 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"> [...]

• Displaying icons in a Spark List control in Flex 4

  721 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" [...]

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

  698 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" [...]

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

  545 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>

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

  894 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" [...]

• Setting a conditional text color on a Spark List control item renderer in Flex 4

  938 readersThe following example shows how you can set the text color on a Spark List control item renderer label in Flex 4 by setting the color style in the item renderer’s dataChange event handler. <?xml version="1.0"?> <!-- http://blog.flexexamples.com/2010/05/06/setting-a-conditional-text-color-on-a-spark-list-control-item-renderer-in-flex-4/ --> <s:Application name="Spark_List_itemRenderer_color_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

• Removing the rollover and selection highlight on a Spark List control in Flex 4

  769 readersThe following example shows how you can remove the item highlight background on a Spark List control in Flex 4 by setting the itemRenderer property to a custom item renderer with the Boolean autoDrawBackground property set to false. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/22/removing-the-rollover-and-selection-highlight-on-a-spark-list-control-in-flex-4/ --> <s:Application name="Spark_List_itemRenderer_autoDrawBackground_test" xmlns:fx="http://ns.adobe.com/mxml/2009" [...]

• 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> [...]