Button Control is not highlighted during tab use

Saroj Panda

November 21, 2016 at 8:06 am #3138

As interesting scenario encountered while testing the screen, when one of the user raised concern saying he’s not able to figure out which button, out of two, got selected on tab press.

As most of the controls are changing their border color on focus, the button control has no such behavior change and unable to find out when it’s focused. The button hover do has style change to indicate hover, but wondering why the same is missing for focus.

Do anyone know how to fix this. Can I duplicate the button hover property to button focus with some css hack.

SPARK Support

November 21, 2016 at 5:06 pm #3144

Hi Saroj,

You could try dropping in a Custom HTML with something like this to differentiate a button with focus.

<style>
.btn:hover, .btn:focus {
text-decoration: underline !important;
}
</style>

Regards,
Stephen P.

Saroj Panda

November 22, 2016 at 1:20 am #3145

Thanks Stephen.

I did the similar css fix, below, to make it noticable. I can override the .btn:hover with the same style. Wondering if there is any css fix to simply copy the focus style to hover.

Also will it be possible to fix this in next version.

<style>
.btn:focus {
font-weight: bolder;
border-style: hidden;
}
</style>

SPARK Support

November 22, 2016 at 8:04 am #3148

Hi Saroj,

Styling of elements in the application is normally left up to the developers discretion.  Styling is either done with a Custom HTML on the coach, using the Themes in 857, or using our SPARK Styler for those with Enterprise Subscriptions.

I can submit this as a feature request if you like.

Regards,

Stephen P.

 

Saroj Panda

November 23, 2016 at 1:52 am #3156

I agree with your point. But the issue which I mean to say here is about the behavior which is not consistent. For some controls, there is mouse hover effect and for others no mouse hover effect. For some control the tab focus effect is there and for others no such effect.

So I’m looking for some css fix which can replicate one behavior to other instead of overriding both together.

Also I’m requesting this as feature, where the hover and focus of all the controls behave in similar way.

I hope this is easy for you to understand my concern with the Spark UI controls.

 

Regards,

Saroj 🙂

SPARK Support

November 28, 2016 at 4:01 pm #3178

Hi Saroj,

I will be happy to open a Feature Request on your behalf.

Regards,

Stephen P.