Setting the disabled text color on a TextArea control in Flex

by Peter deHaan on April 26, 2008

in Color, StringUtil, TextArea

The following example shows how you can set the text color on an enabled and disabled Flex TextArea control by setting the color and disabledColor styles.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/04/26/setting-the-disabled-text-color-on-a-textarea-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.utils.StringUtil;
        ]]>
    </mx:Script>

    <mx:String id="lorem" source="lorem.html" />

    <mx:ApplicationControlBar dock="true">
        <mx:Form styleName="plain">
            <mx:FormItem label="color:">
                <mx:ColorPicker id="colorPicker1"
                        selectedColor="black" />
            </mx:FormItem>
            <mx:FormItem label="disabledColor:">
                <mx:ColorPicker id="colorPicker2"
                        selectedColor="red" />
            </mx:FormItem>
            <mx:FormItem label="enabled:">
                <mx:CheckBox id="checkBox"
                        selected="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>

    <mx:TextArea id="textArea"
            condenseWhite="true"
            color="{colorPicker1.selectedColor}"
            disabledColor="{colorPicker2.selectedColor}"
            enabled="{checkBox.selected}"
            width="100%"
            height="100%"
            initialize="textArea.htmlText = StringUtil.trim(lorem);" />

</mx:Application>

View source is enabled in the following example.

Leave a Comment

Sorry, this blog is terrible at eating HTML comments.
If you're pasting any HTML/XML/MXML code, you need to convert your < characters to &lt; and your > characters to &gt; .

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Anti-Spam Protection by WP-SpamFree

Previous post:

Next post: