Getting rid of a button’s border/linkbutton’s background roll over state in Flex

Posted by Dennis on Oct 21, 2008 in Flex • 17 comments

Some Flex components have visual elements that cannot be controlled with CSS. Have you ever tried removing the border of a Button or the roll over background color of a LinkButton? I had this problem a few times before and the solution to this is very simple. Just reset the skin :-) 


.myButtonStyle
{
	skin: ClassReference("mx.skins.ProgrammaticSkin");
}


Tags: , , , ,


17 comments

» Comments RSS Feed
  1. Anggie Bratadinata on Nov 18, 2008, 3:43 am:

    Nice trick, Oom! :-)

  2. Prachee on Dec 11, 2008, 8:31 am:

    HI,
    Thanks, but if stylesheet is not applicable then how can we change this also. Please help me. I am not able to change background colour of link button. Its urgent.

    Regards…

  3. Noah on Apr 6, 2009, 8:01 pm:

    Thanks for the tip, saved me at least 20 minutes :)

  4. Pieter Vanderwerff on Jun 18, 2009, 8:28 am:

    sweet! just what i needed!

  5. Pavel on Jul 17, 2009, 9:49 am:

    Perfect, thanks!

  6. Kevin Lamping on Aug 3, 2009, 10:14 pm:

    Dude, this is awesome. I was about to get very frustrated with Flex but that saved my day. Worked perfectly!

  7. Dan on Aug 4, 2009, 3:56 pm:

    When I do this then the button disappears totally. Don’t you have to program the programmatic skin?

  8. Keith H on Aug 26, 2009, 2:24 am:

    Thank you so much. I use it like this…

  9. Tim on Aug 26, 2009, 10:13 pm:

    Wow thanks Dennis, this saved me from a lot of trouble! Trying to skin with transparent PNG’s…doesn’t work so well lol.

  10. Abbas Ali on Aug 31, 2009, 10:39 am:

    Very good and simple solution thanx for sharing.

  11. Szatanica on Mar 5, 2010, 12:03 pm:

    Perfect :D

  12. Vanessa on Sep 10, 2010, 5:11 pm:

    Thanks for this info!! Saved me lots of time!

  13. saqib Ahmad on Sep 17, 2010, 1:32 pm:

    Thanks Brother Save lot of Time, thanks for sharing

  14. chirag on Sep 23, 2010, 6:18 am:

    thanks man ! really appreciate this :)

  15. Andrew on Sep 30, 2010, 10:44 am:

    Same comment as Dan, button just disappears. Don’t seem to remove just border, removes the entire skin including background colors.

  16. Preeti Rawat on Oct 16, 2010, 7:08 am:

    Heyyaaa…nice solution..it worked………. :)

  17. Transparent Background for LinkButton – Ross Henderson on Dec 21, 2010, 8:07 pm:

    [...] You could also set the Class Reference to “mx.skins.ProgrammaticSkin”, rather than null, as pointed out by this guy. [...]

Leave a comment