Ensuring the hand cursor is displayed in Flex components

I’m not sure if it’s a bug in the Flex code framework, but I have found it difficult to get the handcursor working when hovering over components like Labels/Text which arn’t used as links by default. After bashing my head against my desk for a few hours and doing some research on the web, I finally came across a soution which which works in most cases. To get the hand cursor working you need use the following 3 properties:

buttonMode=”true” mouseChildren=”false” useHandCursor=”true”

Here’s an example of a Label which is used as a link:

< mx:Label text="Log out" buttonMode="true" mouseChildren="false" useHandCursor="true" click="logout()" />

It seems like it’s a pretty common problem and these two articles showed me the light of day, thanks dudes!

• http://frankieloscavio.blogspot.com/2007/08/mousechildren-and-buttonmode.html
• http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postId=1687