difference between correctly and incorrectly applying a non-inheriting style property to a pair of TextArea controls
<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".
This user guide is licensed for use under the terms of the Creative Commons Attribution
Non-Commercial 3.0 License.
This License allows users to copy, distribute, and transmit the user guide for noncommercial
purposes only so long as
(1) proper attribution to Adobe is given as the owner of the user guide; and
(2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms.
The best way to provide notice is to include the following link.
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/
-->
<!-- sparktextcontrols/TextAreaStyling.mxml -->
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark" creationComplete="doSomething()">
<fx:Script>
private function doSomething():void {
/* To set a non-inheritable style on a TextArea, you must actually
apply it to the underlying RichEditableText subcomponent, which is
accessed through the textDisplay property: */
text1.textDisplay.setStyle("columnCount", 2);
/* Setting a non-inheritable style directly on the TextArea does
not apply the style properly. */
text2.setStyle("columnCount", 2);
}
</fx:Script>
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:TextArea id="text1" width="200" height="100">
<s:textFlow>
<s:TextFlow>
<s:p>This is TextArea #1. This is enough text to ensure that there will be more
than one column if the columnCount property is properly applied.</s:p>
</s:TextFlow>
</s:textFlow>
</s:TextArea>
<s:TextArea id="text2" width="200" height="100">
<s:textFlow>
<s:TextFlow>
<s:p>This is TextArea #2. This is enough text to ensure that there will be more
than one column if the columnCount property is properly applied.</s:p>
</s:TextFlow>
</s:textFlow>
</s:TextArea>
</s:Application>
Related examples in the same category
