Creating a vertically auto resizing Spark TextArea control in Flex 4

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

You Might Also Like...

  • Creating a bitmap fill in a Spark TextArea control in Flex 4

    460 readersThe following example shows how you can set a bitmap fill in a Spark TextArea control in Flex 4 by creating a custom skin with a Spark BitmapFill object and setting the skinClass style. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/12/creating-a-bitmap-fill-in-a-spark-textarea-control-in-flex-4/ --> <s:Application name="Spark_TextArea_skinClass_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" [...]

  • Programmatically scrolling the Spark TextArea control in Flex 4

    815 readersThe following example shows how you can programmatically scroll the Spark TextArea control in Flex 4 by setting the vertical scroll position on the horizontal and vertical scroll bars in the scroller, horizontalScrollBar, and verticalScrollBar skin parts. <?xml version="1.0" encoding="utf-8"?> <!-- --> <s:Application name="Spark_TextArea_verticalScrollBar_value_test" xmlns:fx="http://ns.adobe.com/mxml/2009" [...]

  • Resizing a Spark DropDownList control to match the currently selected item in Flex 4

    454 readersThe following example shows how you can resize the Spark DropDownList control to match the currently selected list item in Flex 4 by setting the DropDownList control’s typicalItem property to the currently selected item. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/01/21/resizing-a-spark-dropdownlist-control-to-match-the-currently-selected-item-in-flex-4/ --> <s:Application name="Spark_DropDownList_typicalItem_test" xmlns:fx="http://ns.adobe.com/mxml/2009" [...]

  • Creating a fancy Spark List control item renderer in Flex 4

    1572 readersThe following example shows how you can create a fancy Spark List control item renderer by setting the itemRenderer property. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/01/27/creating-a-fancy-spark-list-control-item-renderer-in-flex-4/ --> <s:Application name="Spark_List_itemRenderer_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" [...]

  • Creating a multiline Spark RadioButton control in Flex 4

    563 readersThe following example shows how you can create a multiline Spark RadioButton control in Flex 4 by creating a custom RadioButton skin, setting the skinClass style, and removing the maxDisplayedLines property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/10/creating-a-multiline-spark-radiobutton-control-in-flex-4/ --> <s:Application name="Spark_CheckBox_skinClass_maxDisplayedLines_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

  • Displaying icons in a Spark List control in Flex 4

    722 readersThe following example shows how you can display icons in a Spark List control in Flex 4 by creating a custom item renderer and setting the itemRenderer property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/29/displaying-icons-in-a-spark-list-control-in-flex-4-2/ --> <s:Application name="Spark_List_itemRenderer_icon_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

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

  • Creating a multiline Spark CheckBox control in Flex 4

    598 readersThe following example shows how you can create a multiline Spark CheckBox control in Flex 4 by creating a custom skin and setting the maxDisplayedLines property. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/04/03/creating-a-multiline-spark-checkbox-control-in-flex-4/ --> <s:Application name="Spark_CheckBox_skin_maxDisplayedLines_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

  • Creating a non-draggable Spark TitleWindow container in Flex 4

    461 readersThe following example shows how you can create a non-draggable Spark TitleWindow container in Flex 4 by listening for the windowMoving event and calling the stopImmediatePropagation() and preventDefault() methods. Full code after the jump. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/01/19/creating-a-non-draggable-spark-titlewindow-container-in-flex-4/ --> <s:Application name="Spark_TitleWindow_windowMoving_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" [...]

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