A different image OnHover for Checked/Unchecked buttons

[Nicolas]

Hi,

using the latest RadToolBar, I could not find a way or an example demonstrating how to have a HoveredImageUrl different for a checked button than for an unchecked button. Basically what I would have expected is a "CheckedHoveredImageUrl" property.

Is there any easy way to have that behavior on the toolbar buttons?

ps: I'm not going server-side on button clicks, only some js gets executed.

Thanks

[Yana]

Hi Nicolas,

I suggest you subscribe to OnClientCheckedStateChanged event of RadToolBar and in its handler:

function checkedStateChanged(sender, args)
{
    if(args.get_item().get_checked())
        args.get_item().set_hoveredImageUrl("[checkedHoveredImage]");
    else
        args.get_item().set_hoveredImageUrl("[normalHoveredImage]");
}

Best regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Nicolas]

That's what I needed, thanks.