RSS LinkedIn Twitter

Dotted Underline LinkButton (Flex)

June 9th, 2010 Categories: Flex 4, Flex Components

I needed a link control that would display a dotted-underline on hover. To achieve this I overrode the rollOverHandler and the rollOutHandler of a standard LinkButton. Inside the rollOverHandler I used the graphics API to draw a dotted underline beneath the control’s textField.

Here’s an example:

Get Adobe Flash player

There are some magic numbers, but tweaking them to get the look you want shouldn’t be too difficult.

And here’s the source: DottedLinkButton.as

Tags: ,

3 Responses to “Dotted Underline LinkButton (Flex)”

  1. miguel guzman
    April 15th, 2011 at 08:12
    1

    Disculpen soy novato como lo aplico a mi proyecto
    Gracias

  2. developer
    June 15th, 2011 at 12:33
    2

    I’ve tried using it, It doesn’t work, I’m using flex3 SDK is this the reason… do you have any option to do it in flex 3 sdk.

  3. Marcus Stanton
    June 12th, 2013 at 14:08
    3

    This worked for me in Flex 3 SDK, no problems.

Leave a Comment

*