Skip to main content
I
Ibarim
Inspiring
February 2, 2017
Answered

mx Button with icon and no skin gets wrong focus rectangle

  • February 2, 2017
  • 1 reply
  • 292 views

Hi,

I have a button and I need it to display only label and icon so I set skin="{null}" to remove everything except label and icon. Problem is when I use TAB on keyboard - my button gets focus rectangle only around the icon. And I need it to have focus rect around whole button (label + icon).

Is there any simple workaround this?

my button example:

<mx:Button label="Cancel" overIcon="{arrow1}" outIcon="{arrow2}" skin="{null}"/>

This topic has been closed for replies.
Correct answer Ibarim

I've found a workaround.

I've made new skin in flash. The new skin is only made with transparent roudned border. So when I apply new skin on button the focus manager finds this skin and sets focus around whole button not just the icon. And since skin is transparent it doesn't disturb the visual effect I needed.

1 reply

I
IbarimAuthorCorrect answer
Inspiring
February 2, 2017

I've found a workaround.

I've made new skin in flash. The new skin is only made with transparent roudned border. So when I apply new skin on button the focus manager finds this skin and sets focus around whole button not just the icon. And since skin is transparent it doesn't disturb the visual effect I needed.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices