Comments on: Changing the background color of a disabled TextArea control in Flex http://blog.flexexamples.com/2008/08/17/changing-the-background-color-of-a-disabled-textarea-control-in-flex/ Just a bunch of Adobe Flex Examples Sun, 12 Feb 2012 19:26:49 +0000 hourly 1 By: Peter deHaan http://blog.flexexamples.com/2008/08/17/changing-the-background-color-of-a-disabled-textarea-control-in-flex/comment-page-1/#comment-7745 Peter deHaan Wed, 19 May 2010 01:02:02 +0000 http://blog.flexexamples.com/2008/08/17/changing-the-background-color-of-a-disabled-textarea-control-in-flex/#comment-7745 Posted; <a href="http://blog.flexexamples.com/2010/05/18/changing-the-background-color-of-a-disabled-spark-textarea-control-in-flex-4/" rel="nofollow">"Changing the background color of a disabled Spark TextArea control in Flex 4"</a>. Peter Posted; “Changing the background color of a disabled Spark TextArea control in Flex 4″.

Peter

]]> By: Peter deHaan http://blog.flexexamples.com/2008/08/17/changing-the-background-color-of-a-disabled-textarea-control-in-flex/comment-page-1/#comment-7744 Peter deHaan Wed, 19 May 2010 00:40:06 +0000 http://blog.flexexamples.com/2008/08/17/changing-the-background-color-of-a-disabled-textarea-control-in-flex/#comment-7744 @Tam, You can either create a custom skin and set the <code>contentBackgroundColor</code> style in the <code>disabled</code> state (although that probably isn't very reusable -- although you could extend the Spark TextArea class and add an additional <code>disabledContentBackgroundColor</code> style and then create a custom skin which applies the custom style). Or, if you want the easiest solution, I'd probably just use some clever little Advanced CSS like the following which sets the <code>contentBackgroundColor</code> style in the default and <code>disabled</code> states: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Style> @namespace s "library://ns.adobe.com/flex/spark"; @namespace mx "library://ns.adobe.com/flex/mx"; s|TextArea { contentBackgroundColor: haloGreen; } s|TextArea:disabled { contentBackgroundColor: red; } </fx:Style> <s:Panel id="pnl" title="Spark Panel title" horizontalCenter="0" verticalCenter="0"> <s:controlBarContent> <s:CheckBox id="cb" label="enabled" selected="true" /> </s:controlBarContent> <s:TextArea id="txtArea" text="The quick brown fox jumps over the lazy dog" enabled="{cb.selected}" /> </s:Panel> </s:Application> </pre> Peter @Tam,

You can either create a custom skin and set the contentBackgroundColor style in the disabled state (although that probably isn’t very reusable — although you could extend the Spark TextArea class and add an additional disabledContentBackgroundColor style and then create a custom skin which applies the custom style).

Or, if you want the easiest solution, I’d probably just use some clever little Advanced CSS like the following which sets the contentBackgroundColor style in the default and disabled states:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx">
 
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
 
        s|TextArea {
            contentBackgroundColor: haloGreen;
        }
        s|TextArea:disabled {
            contentBackgroundColor: red;
        }
    </fx:Style>
 
    <s:Panel id="pnl"
            title="Spark Panel title"
            horizontalCenter="0" verticalCenter="0">
        <s:controlBarContent>
            <s:CheckBox id="cb"
                    label="enabled"
                    selected="true" />
        </s:controlBarContent>
        <s:TextArea id="txtArea"
                text="The quick brown fox jumps over the lazy dog"
                enabled="{cb.selected}" />
    </s:Panel>
 
</s:Application>

Peter

]]> By: Tam http://blog.flexexamples.com/2008/08/17/changing-the-background-color-of-a-disabled-textarea-control-in-flex/comment-page-1/#comment-7742 Tam Tue, 18 May 2010 23:39:25 +0000 http://blog.flexexamples.com/2008/08/17/changing-the-background-color-of-a-disabled-textarea-control-in-flex/#comment-7742 the new s:TextArea doesn't have backgroundDisabledColor what is the best way to achieve that with the new component? the new s:TextArea doesn’t have backgroundDisabledColor what is the best way to achieve that with the new component?

]]>