F3 v. F4 Tile v TileGroup

Here are two applications that perform the same task. They layout 9 custom button components in a grid. One is Flex 3 and the other is Flex 4. Main Application (Flex 3): 123456789101112131415161718<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"                 layout="absolute"                   xmlns:local="*">         [...]

You Might Also Like...

  • View Demo

    Build a PopUp Window with Flex

    1293 readers

  • Creating a justified multiline Spark Button control in Flex 4

    491 readersThe following example shows how you can create a multiline, justified label on Spark Button control in Flex 4 by creating a custom skin and setting the textAlign style and removing the maxDisplayedLines property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/03/09/creating-a-justified-multiline-spark-button-control-in-flex-4/ --> <s:Application name="Spark_Button_skinClass_textAlign_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

  • Displaying a semi-transparent FLV file in an MX VideoDisplay control in Flex

    502 readersThe following example shows how you can display an FLV file with alpha channel transparency in an MX VideoDisplay control in Flex 3 by setting the backgroundAlpha style to 0. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/01/21/displaying-a-semi-transparent-flv-file-in-an-mx-videodisplay-control-in-flex/ --> <mx:Application name="VideoDisplay_backgroundAlpha_test" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" [...]

  • Setting a bitmap fill on a Spark Button control in Flex 4

    894 readersThe following example shows how can apply a background bitmap fill on a Spark Button control in Flex 4 by creating a custom skin, using the BitmapFill class and setting the skinClass style. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/29/setting-a-bitmap-fill-on-a-spark-button-control-in-flex-4/ --> <s:Application name="Spark_Button_skinClass_BitmapFill_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

  • Using a bitmap image skin in a Spark Button control in Flex 4

    833 readersThe following example shows how you can use a series state-aware of bitmap images in a Spark Button control in Flex 4 by creating a custom skin and setting the BitmapImage source property to different images in the various button states. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/03/24/using-a-bitmap-image-skin-in-a-spark-button-control-in-flex-4/ --> <s:Application name="Spark_Button_skinClass_BitmapImage_test" xmlns:fx="http://ns.adobe.com/mxml/2009" [...]

  • Changing the letter spacing on a Spark Button control in Flex 4

    370 readersThe following example shows how you can change the letter spacing on the Spark Button control in Flex 4 by setting the trackingLeft or trackingRight styles. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/05/changing-the-letter-spacing-on-a-spark-button-control-in-flex-4/ --> <s:Application name="Spark_Button_trackingRight_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"> [...]

  • Have You Had Your Daily Flash Crash?

    206 readersJust when you thought it was safe to go back in the water... I was messing around with loading large result sets dynamically into the DataGrid... I loaded 20k results and clicked a column (sort). I expect it would chug for a while... instead it crashed. Here's the app. <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"

  • Creating a custom track skin on an MX ProgressBar control in Flex 4

    522 readersThe following example shows how you can create a custom track skin on an MX ProgressBar control in Flex 4 by setting the trackSkin style. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/13/creating-a-custom-track-skin-on-an-mx-progressbar-control-in-flex-4/ --> <s:Application name="MX_ProgressBar_trackSkin_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"> [...]

  • Setting the accent color on the Spark Button control in Flex 4

    384 readersThe following example shows how you can set the accent color on the Spark Button control’s emphasized state in Flex 4 by setting the accentColor style and emphasized property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/05/setting-the-accent-color-on-the-spark-button-control-in-flex-4/ --> <s:Application name="Spark_Button_accentColor_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

  • Creating a custom scroll bar track skin on an MX TextArea control in Flex 4

    688 readersThe following example shows how you can create a custom scroll bar track skin on an MX TextArea control in Flex 4 by setting the trackSkin style. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/16/creating-a-custom-scroll-bar-track-skin-on-an-mx-textarea-control-in-flex-4/ --> <s:Application name="MX_TextArea_ScrollBar_trackSkin_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" [...]

'>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.