You Might Also Like...

• Removing controls from the MX RichTextEditor control in Flex

  190 readersThe following example shows how you can remove controls from the MX RichTextEditor control by removing the controls from the display list and resizing the linkTextInput TextInput control. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/02/17/removing-controls-from-the-mx-richtexteditor-control-in-flex/ --> <mx:Application name="RichTextEditor_linkTextInput_test" xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:comps="comps.*" [...]

• 

  Web browser in Air with flex

  2489 readers

• F3 v. F4: Boxes v Groups

  167 readersLayouts are something that has changed a lot with Flex 4. There are several ways to accomplish your layout. Here is a simple Flex 3 example where we wanted to horizontally layout two vertical groupings of Label and TextInput components. 12345678910<mx:HBox horizontalCenter="0" verticalCenter="0">     <mx:VBox>         <mx:Label text="First name:"/>    

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

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

• 

  AS3 Currency Converter

  1115 readersIn this tutorial I will show you how to create a Currency Converter using ActionScript 3 and Flash Components. The calculations are made in runtime, no button clicks needed! 1. Open a new Flash document and save it under “CurrencyConverter.fla”. Set the document size to 400 x 250 pixels and for color choose #CCCCCC. 2. Open the

• Preventing item selection in the Spark List control in Flex 4

  173 readersThe following example shows how you can prevent item selection in the Spark List control in Flex 4 by listening for the changing event and calling the preventDefault() method on the IndexChangeEvent event object instance. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/02/25/preventing-item-selection-in-the-spark-list-control-in-flex-4/ --> <s:Application name="Spark_List_changing_test" xmlns:fx="http://ns.adobe.com/mxml/2009" [...]

• Spark Component Skins

  327 readersHello, Time to start writing about components again. For those who have not had much experience with the older Halo component framework, Spark may not seem alien since it’s what you stepped up to. Coming from 5 years of flex component development, the Spark component framework is creating a lot of garbage regarding skins. This

• Preventing the selected item highlighting in the Spark List control in Flex 4

  192 readersIn a previous example, “Preventing item selection in the Spark List control in Flex 4″, we saw how you can prevent item selection in the Spark List control in Flex 4 by listening for the changing event and calling the preventDefault() method on the IndexChangeEvent event object instance. The following example shows how you can

• Creating a vertically auto resizing Spark TextArea control in Flex 4

  304 readersThe following example shows how you can create a Spark TextArea control in Flex 4 which resizes vertically when lines are added or removed by setting the heightInLines property to NaN (Not a Number). Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/01/18/creating-a-vertically-auto-resizing-spark-textarea-control-in-flex-4/ --> <s:Application name="Spark_TextArea_heightInLines_NaN_test" xmlns:fx="http://ns.adobe.com/mxml/2009" [...]

• Setting cursor position at the end of a TextInput control

  135 readersBelow code shows you how to set cursor position at the end of a TextInput control in Flex 4. import mx.events.FlexEvent; // Flex 4 private function creationComplete(event:FlexEvent):void { textInput.selectRange(textInput.text.length, textInput.text.length + 1); textInput.setFocus(); }