I'm an RIA Developer who owns a motorcycle custom paint shop, who loves to race anything with wheels. I also enjoy woodworking, cooking, fine wines, liqueurs and dark beers. So if nothing else my blog should be eclectic.  

Disable mx:LinkButton Rollover Style

Development , Adobe Flex , ActionScript Add comments

I don't use the LinkButton component very often, but the few times I have, it has generated a pure hatred for that default roll over button look that always seems extremly bulky. Thankfully removing this little rollover effect/style is very simple, just set skin = null.

My Example:


Full Source Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="215" height="92">

    <mx:VBox x="0" y="0" width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" verticalGap="10">
        <mx:LinkButton
            label="Default LinkButton"
            textDecoration="underline"
            color="#1B33E5"
        />

        <mx:LinkButton
            label="LinkButtong With No Roll Over"
            textDecoration="underline"
            color="#1B33E5"
            skin="{null}"
        />

    </mx:VBox> /></mx:Application>

5 responses to “Disable mx:LinkButton Rollover Style”

  1. animation Says:
    Animation rollover linkbutton ?
  2. Russell Brown Says:
    It was a rushed post and should have been style instead of animation.

    I've corrected the title and I've included an example and full source code.
  3. mrjrdnthms Says:
    Thanks
  4. Manfred Says:
    Dude, tks for this tip. It helped me a lot! :)

    Regards and hugs from Brazil.
  5. Andrew Says:
    Awesome. You just saved me lots of frustration. Thanks!

Leave a Reply





Powered by Mango Blog. Design and Icons by N.Design Studio