Flex After Dark Community

In a previous example, “Changing the Flex ComboBox control’s opening and closing easing functions”, we saw how you could control how the open/close duration and easing functions on the drop down list in a Halo ComboBox control by setting the openDuration, openEasingFunction, closeDuration, and closeEasingFunction styles. The following example shows ...

The following example shows how you can insert and append text into a Spark TextArea control in Flex 4 by using the insertText() and appendText() methods. appendText() — Appends the specified text to the end of the RichEditableText, as if you had clicked at the end and typed it. When ...

In a previous example, “Auto-scrolling a TextArea control in Flex”, we saw how you could auto-scroll a Flex Halo TextArea control when new content is added by setting the verticalScrollPosition property to the value of the maxVerticalScrollPosition property. The following example shows how you can auto-scroll a Flex 4 Spark ...

In a suspiciously similar previous example, “Disabling specific buttons in a Spark ButtonBar control in Flex 4″, we saw how you could disable specific buttons in a Spark ButtonBar control in Flex 4 by using a custom skin and setting the skinClass style. The following example shows you how you ...

The following example shows how you can disable specific buttons in a Spark ButtonBar control in Flex 4 by using a custom skin and setting the skinClass style. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/08/01/disabling-specific-buttons-in-a-spark-buttonbar-control-in-flex-4/ --> <s:Application name="Spark_ButtonBar_ButtonBarButton_enabled_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">   [...]

The following example shows how you can vertically align a Spark Button control’s label in Flex 4 by setting the verticalAlign style on the Button control’s internal labelDisplay object. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/30/vertically-aligning-labels-in-a-spark-button-control-in-flex-4/ --> <s:Application name="Spark_Button_verticalAlign_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

The following example shows how you can enable tabbing into Spark Scroller children in Flex 4 by setting the Boolean hasFocusableChildren property. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/29/enabling-tabbing-on-spark-scroller-children/ --> <s:Application name="Spark_Scroller_hasFocusableChildren_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"> <s:layout> [...]

The following example shows how you can create a simple toggle button with an icon in Flex 4 by using the Spark ButtonBarButton control and specifying the icon in the data property, and then using a custom skin class. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/28/displaying-an-icon-on-a-toggle-button-in-flex-4/ --> ...

The following example shows how you can display icons in a Spark ButtonBar control in Flex 4 by creating a custom skin class and setting the skinClass style. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/28/displaying-icons-in-a-spark-buttonbar-control-in-flex-4/ --> <s:Application name="Spark_ButtonBar_skinClass_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

In a previous example, “Parsing ISO dates with Flex and ActionScript”, we saw how to parse ISO formatted dates (2008-01-25T06:14:23Z) and convert them into an ActionScript 3.0 Date object. The following example shows how you can convert a Java formatted date (Wed Jul 22 14:29:30 PST 2009) and convert the ...

The following example shows how you can toggle which sides of a Flex HorizontalList control display the border outline by setting the borderSides style. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/26/displaying-a-border-on-specific-sides-of-a-horizontallist-control-in-flex/ --> <mx:Application name="HorizontalList_borderSides_test" xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" [...]

The following example shows how you can export a TextFlow object in Flex 4 by using the TextConverter class (flashx.textLayout.conversion.TextConverter), and specifying HTML format, plain text format, or Text Layout Format. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/25/exporting-a-textflow-object-in-flex-4/ --> <s:Application name="Spark_TextConverter_export_test" xmlns:fx="http://ns.adobe.com/mxml/2009" [...]

The following example shows how you can create a simple rich text editor control in Flex 4 using the Spark TextArea control and using the getFormatOfRange() and setFormatOfRange() methods. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/24/creating-a-simple-text-editor-using-the-spark-textarea-control-in-flex-4/ --> <s:Application name="Spark_TextArea_setFormatOfRange_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

The following example shows how you can delete nodes from an XML object using the delete operator. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/23/deleting-nodes-from-an-xml-object-in-flex/ --> <mx:Application name="XML_delete_test" xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" [...]

In a previous example, “Setting the icon color on the DataGrid control in Flex”, we saw how you could set the icon color (the sort arrow color in the DataGrid header and arrows icons in the horizontal/vertical scrollbar) on a Flex DataGrid control by setting the iconColor style. The following ...

The following example shows how you can create a simple TextContainerManager in Flex 4 using the Text Layout Framework (TLF) classes. Full code after the jump. package { import flash.display.Sprite;   import flashx.textLayout.container.TextContainerManager;   [SWF(width="550", height="300")]   public class TextContainerManager_setText_test extends Sprite { [...]

The following example shows how you can set the background alpha and background color on a Spark SimpleText control in Flex 4 by setting the backgroundAlpha and backgroundColor styles. Full code after the jump. View MXML <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/15/setting-the-background-alpha-on-a-spark-simpletext-control-in-flex-4/ --> <s:Application name="Spark_SimpleText_backgroundAlpha_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

The following example shows how you can set the Halo controls to use the old Halo skins instead of the new Spark skins in Flex 4 by setting the -theme compiler option to the Halo theme (halo.swc). Full code after the jump. View MXML <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2009/07/14/using-the-halo-theme-in-flex-4/ --> ...

In a previous example, “Downloading and installing Flex SDK builds from opensource.adobe.com”, we saw how to install a nightly build of the Flex SDK from opensource.adobe.com and install it into Flex Builder 3. The following example shows how you can download and install a nightly build of the Flex 4 ...

ActionScript's powerful XML support is based on E4X. E4X stands for ECMAScript for XML and is a Document Object Model (DOM) interface for XML. E4X makes XML a first-class citizen in ActionScript.Learn more about ActionScript XML in Flex at Flex After Dark...