F3 v. F4: Boxes v Groups

Layouts 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:"/>         <mx:TextInput />   [...]

You Might Also Like...

  • F3 v. F4: Using ViewStack, TabNavigator and Accordion

    639 readersYou have probably used mx:ViewStack, mx:TabNavigator and mx:Accordion somewhere in your Flex development efforts over the last 5+ years and had code that looks like this: 1234567891011121314151617181920212223<mx:TabNavigator width="400" height="200" horizontalCenter="0" y="15">     <mx:VBox label="Tab 1">         <mx:Label text="This is tab 1"/>     </mx:VBox>     <mx:VBox label="Tab 2">    

  • Two-way Data Binding in Flex 4

    428 readersIn Flex 3 we created a data binding expression using curly braces, like so (brackets left off intentionally): TextInput label="textInput1" TextInput label="textInput2" text="{textInput1.text}" In Flex 3 if you wanted to make the binding two-way, you had to make a second binding expression. However, in Flex 4 you can just add an @ sign to the

  • Flex 4 and custom layouts

    1694 readersFlex 4 introduces a new component and skinning architecture named “Spark”. Thanks to Flash Catalyst, you can skin Flex 4 components in one minute and you’ll find a lot of examples over the web. Flex 4 also introduce the new Spark layout architecture. Today, Flex developers can extend the LayoutBase AS3 class, and define how

  • Download Source

    Web browser in Air with flex

    4198 readers

  • Applying dynamically selection to Spark RichText component

    1336 readersFlex 4 documentation article named "Selecting and modifying text" lists an finite final list of components that supports the selection: RichEditableText Label (Spark only) TextInput (both MX and Spark) TextArea (both MX and Spark) RichTextEditor and all controls that have a TextArea as a subcomponent    This list does not include RichText component, luckily with a

  • Flex 4 and the Text Layout Framework

    971 readersOne of my favorite things about Flex 4 is that it now includes the Text Layout Framework as the basis of many Spark text components such as RichText, RichEditableText, TextArea, and TextInput as well as any other components that utilize any of these as part of another component, such as the ComboBox, which includes a

  • Label HtmlText in Flex

    740 readersWhile working on some stuffs with related to htmltext using some styles for Label, it seems to be not displaying the text. Here were the some sample scripts denoting the error which i encountered <?xml version=”1.0″ encoding=”utf-8″?> <mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” initialize=”init()” layout=”vertical”> <mx:Label> <mx:htmlText> <![CDATA[ Label text goes here ]]> </mx:htmlText> </mx:Label> </mx:Application> It might seems

  • Setting cursor position at the end of a TextInput control

    444 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(); }

  • VerticalAlign for VGroup and HorizontalAlign for HGroup

    592 readersRecently I checked in the major axis alignment update to VGroup, HGroup, VerticalLayout, HorizontalLayout. It brings parity to the Flex 4 Spark layouts relative to the MX containers HBox and VBox that are well known from previous versions of Flex (and have had those alignment options for long time now). Now VGroup and VerticalLayout [...]

  • View Demo

    Build a XML Image Viewer with Flex

    971 readers

'>How to create a top quality logo for your company
  • Remove a Section of Your Photo
  • Subscribe to RSS headline updates from: GurusUnleashed
    Powered by FeedBurner

  • Design & Career Resources

    Open design job and RFQ/RFP listings for Thursday, 29 July Courtesy of Design Jobs Live!
    The latest resources and free stuff (like textures, fonts, Photoshop brushes, scripts, plug-ins, and much more!) from workflowFreelance.com. Read more!
    The latest headlines from workflowFreelance.com. Read more!
  • Popular Search Terms

    Curious what others are searching for? Below are the most popular search terms over the last 30 days.