Dotted Underline LinkButton (Flex)

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:

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