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

Posted by Dennis on Oct 21, 2008 in Flex • 11 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: , , , ,


11 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

Leave a comment