In the out-of-the-box skins, RadToolBarItems have a different look when focused. The focus effect stays in place until the user moves focus to another element in the page. There are quite a few cases where this is undesirable and the button should revert to its normal look as soon as the click is complete.

Overriding the styles has limitations, and seems like it could cause issues when the control is upgraded in the future. You end up overriding all sorts of classes like .rtbIn, .rtbWrap, .rtbMid, etc.

The FocusedCssClass property seemed like a good solution, but it used to supplement rather than override the default focused class.

As an interim solution, I simply call focus() then blur() on a different ToolBarItem (or any visible form element). This works like a charm, but I'd rather not use such a hack.

I guess I'd like to know why the focused buttons behave the way they do in the default skins. It makes them feel more like toggle buttons and winds up confusing the user. It feels great that the buttons "light-up" when you click on them, but keeping them lit up until focus is lost feels unnatural and serves little purpose.

I'm having the same issue as Chris. Using the focus() and blur() trick works great for buttons that are enabled, but in some cases I disable a button after it has been clicked and when this happeneds the focus() and blur() trick doesn't work and button stays in the 'clicked' mode whilst it is disabled (even when it becomes enabled again focus() and blur() won't remove the 'clicked' effect).

Any update on a way of stopping the buttons from keeping the 'clicked' state once the mouse button is released would be great.

Thanks,
Andy

Thanks for the quick reply.

In my case this isn't that urgent and I can wait for the Service pack to be released.

Thanks,
Andy

This sounds like a good solution. I have a hack in place that works around the problem, so getting the fix quickly isn't critical for me.

Thanks!