Flex, Flash, Actionscript, Touchscreen, 3D and Culture

Flex component can be fiddly to work with most of the times. One common problem most of the times I face is with the word wrap. It doesn't wrap the long text
although the width property is set. This is due to a bug, in the flex framework. A quick hack to get this working is to listen for the render event and invalidate the component.

 
<mx:Panel height="250" width="150"
				  paddingBottom="5"
				  paddingLeft="5"
				  paddingRight="5"
				  paddingTop="5"
				  title="This is a Panel"	  >
			<mx:Text htmlText="This is a very very long long text. It so long that it cannot be called long for its length of the long. This is very long, isn't it? I repeat it long and long for it is long. It has to be long to describe this article short, otherwise it could be long." id="myText" render="myText.invalidateSize();myText.validateNow(); myText.mx_internal::getTextField().wordWrap=true" width="100%">
 
			</mx:Text>
		</mx:Panel>
 

Filed under:
Flex, Flex/Flash Tips and Tricks by Kiran