In a previous example, “Setting the border style on the MX Accordion container in Flex”, we saw how you could set the border style on an MX Accordion container in Flex 3 by setting the borderStyle style. The following example shows how you can set the border color on an MX Accordion container headers in [...]
Source:Setting the border color on the MX Accordion container headers in Flex
admin Flex, Swf Flex, Flex Examples
The following example shows how you can apply a hover glow filter to an MX Image control in Flex 4 by using the rollOver and rollOut events to set the filters property on the Image control to an array with a GlowFilter instance. <?xml version="1.0" encoding="utf-8"?> <!– http://blog.flexexamples.com/2010/06/25/adding-a-hover-glow-filter-to-an-mx-image-control-in-flex-4/ –> <s:Application name="MX_Image_filters_GlowFilter_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" xmlns:comps="comps.*"> [...]
Source:Adding a hover glow filter to an MX Image control in Flex 4
admin Flex, Swf Flex, Flex Examples
The following example shows how you can set the border style on an MX Accordion container in Flex 3 by setting the borderStyle style. <?xml version="1.0"?> <!– http://blog.flexexamples.com/2010/06/17/setting-the-border-style-on-the-mx-accordion-container-in-flex/ –> <mx:Application name="Accordion_borderStyle_test" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="white"> <mx:ApplicationControlBar dock="true"> <mx:Form> <mx:FormItem label="borerStyle:"> <mx:ComboBox id="cBox" dataProvider="[inset,none,outset,solid]" selectedIndex="3" /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:Accordion id="acc" borderColor="red" borderStyle="{cBox.selectedItem}" left="20" right="20" [...]
Source:Setting the border style on the MX Accordion container in Flex
admin Flex, Swf Flex, Flex Examples
In a previous example, “Setting the tab width on a TabBar control in Flex”, we saw how you could set the tab width on a Flex MX TabBar control by setting the aptly named tabWidth style. The following example shows how you can can set the tab width on an MX TabNavigator container in Flex [...]
Source:Setting the tab width on an MX TabNavigator container in Flex 3
admin Flex, Swf Flex, Flex Examples
The following example shows how you can create a blinking text effect on a Spark RichText control in Flex 4 using a simple property animation with the Animate and SimpleMotionPath classes to tween the alpha property. I’d like to dedicate this post to the two people that searched for this on my blog (who may [...]
Source:Creating blinking text on a Spark RichText control in Flex 4
admin Flex, Swf Flex, Flex Examples
The following example shows how you can set the header height on a Spark Panel container in Flex 4 by setting the height property on the Panel container’s titleDisplay skin part. <?xml version="1.0" encoding="utf-8"?> <!– http://blog.flexexamples.com/2010/07/25/setting-the-header-height-on-a-spark-panel-container-in-flex-4/ –> <s:Application name="Spark_Panel_titleDisplay_height_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> <mx:Form styleName="plain"> <mx:FormItem label="titleDisplay height:"> <s:HSlider id="sl" minimum="20" maximum="100" change="pnl.titleDisplay.height = sl.value;" [...]
Source:Setting the header height on a Spark Panel container in Flex 4
admin Flex, Swf Flex, Flex Examples
In a previous example, “Disabling item highlight indicator in the MX List control in Flex 3″, we saw how you could disable the highlight indicator in the MX List control in Flex 3 by subclassing the List control and overriding the protected drawHighlightIndicator() method. The following example shows how you can remove the header indicator [...]
Source:Removing the header indicator and selection indicator from the MX DataGrid control header in Flex 3
admin Flex, Swf Flex, Flex Examples
In a previous example, “Disabling item roll over highlighting in the Flex DataGrid control”, we saw how you could disable the item roll over highlight in the MX DataGrid control in Flex by setting the Boolean useRollOver style. The following example shows how you can disable the highlight indicator in the MX List control in [...]
Source:Disabling item highlight indicator in the MX List control in Flex 3
admin Flex, Swf Flex, Flex Examples
The 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> [...]
Source:Toggling the drop shadow on the Spark DropDownList control in Flex 4
admin Flex, Swf Flex, Flex Examples
The following example shows how you can fade an item renderer background fill on a Spark List control in Flex 4 by creating a custom item renderer, setting the Boolean autoDrawBackground property to false, drawing your own background fill, and then setting a fade transition from the normal and hovered states. <?xml version="1.0" encoding="utf-8"?> <!– [...]
Source:Fading an item renderer background fill on a Spark List control in Flex 4
admin Flex, Swf Flex, Flex Examples