Comments on: Displaying a hand cursor when mousing over a Flex control

By: BrianOJee

BrianOJee — Mon, 03 Oct 2011 09:33:24 +0000

Fantastic as usual Peter. Thanks

By: Manfred

Manfred — Fri, 17 Dec 2010 10:49:18 +0000

Your blog is alweays a great help, thanks Peter!

By: Seth

Seth — Thu, 09 Sep 2010 15:06:07 +0000

This is exactly what I was looking for… I love this blog! Thanks Peter!

By: Ronnie

Ronnie — Fri, 14 May 2010 09:34:01 +0000

Hi Peter,
I have a question for you. I have posted many qieries over here for. But unfortunately you haven’t rerplied to any. This query is of high importance to me and your help would be much appreciated.

I am draggin and dropping buttons(images are embedded on them) and dropping them on a canvas. Then if i click on any button on the canvas and hold it and move the mouse, a line is drawn connecting the button and the mouse. Now i have to connect the buttons if i leave my mouse on some other button. But i am not able to do so. If i leav the mouse on the canvas, a line is drawn. But if i leave it on any other button, a line is drawn from the first button to the origin of the canvas. What do i do to be able to identify the button when i drag my mouse over another button?

By: Matt Ward

Matt Ward — Sun, 13 Dec 2009 08:52:39 +0000

Ah just ran into the same thing and thanks to your comment I also turned a Text component into a button. Needed a multi-line linkbutton, but this trick with the text component worked wonders

By: santhosh

santhosh — Thu, 22 Oct 2009 07:56:23 +0000

Thank you for these great examples….

By: Jovica Aleksic

Jovica Aleksic — Tue, 04 Aug 2009 14:26:27 +0000

You are absolute right, your example works fine.
Will investigate later.

By: Peter deHaan

Peter deHaan — Tue, 04 Aug 2009 14:11:01 +0000

@Jovica Aleksic,

In the following example I just set the buttonMode property and the mouse cursor changes immediately (and without me moving the mouse).

"1.0" encoding="utf-8"?>
 xmlns:mx="http://www.adobe.com/2006/mxml"
        backgroundColor="white">
 
     id="img"
            source="http://helpexamples.com/flash/images/image2.jpg"
            buttonMode="true"
            useHandCursor="true"
            click="img.buttonMode = !img.buttonMode;"/>
 
>

Peter

By: Jovica Aleksic

Jovica Aleksic — Tue, 04 Aug 2009 11:30:24 +0000

Correction:
It seems, to see the hand cursor again, the user does not need to move the mouse out of the image and back in, but just to move it at all.
How can this be avoided?

By: Jovica Aleksic

Jovica Aleksic — Tue, 04 Aug 2009 11:28:19 +0000

When you already have your mouse over a component with useHandCursor/buttonMode set to false, and you programmatically set useHandCursor/buttonMode to true, how do you revalidate the properties of the component, so that the hand cursor immediatly appears?

Without any revalidation, you must first move the cursor out of the component and then back in to see the hand cursor.

Example: Image can be clicked, then sends data to server and waits for response. It can only be clicked after it received the response.
Procedure: Image has hand cursor. On click, the hand cursor disappears and data is sent. The image has no hand cursor now. The response is received, the image may be clicked again, and shows a hand cursor. All without the user moving the cursor outside of the image area.

Thanks in advance.