RadPanelItem Background Image Hovers Display Off in Recent Versions of Chrome

[Joe]

In the latest versions of the Google Chrome browser, I am having an issue with the background images upon cursor hover for child RadPanelItems.

I took the code sample below from the telerik website example, and the only edits from the original source were that I removed the ImageUrl properties from the child elements.

http://demos.telerik.com/aspnet-ajax/panelbar/examples/overview/defaultcs.aspx

Does anybody have a workaround for this? It seems to work fine in Internet Explorer and Firefox, just recent versions of Chrome seem to display oddly.

Thanks in advance!

<telerik:RadPanelBar runat="server" ID="RadPanelBar1">
    <Items>
        <telerik:RadPanelItem Text="Mail" ImageUrl="images/mail.gif" Expanded="True">
            <Items>
                <telerik:RadPanelItem Text="Personal Folders" />
                <telerik:RadPanelItem Text="Deleted Items" />
                <telerik:RadPanelItem Text="Inbox" />
                <telerik:RadPanelItem Text="My Mail" />
                <telerik:RadPanelItem Text="Sent Items" />
                <telerik:RadPanelItem Text="Outbox" />
                <telerik:RadPanelItem Text="Search Folders" />
            </Items>
        </telerik:RadPanelItem>
        <telerik:RadPanelItem Text="Contacts" ImageUrl="images/contacts.gif">
            <Items>
                <telerik:RadPanelItem Text="My Contacts" />
                <telerik:RadPanelItem Text="Address Cards" />
                <telerik:RadPanelItem Text="Phone List" />
                <telerik:RadPanelItem Text="Shared Contacts" />
            </Items>
        </telerik:RadPanelItem>
        <telerik:RadPanelItem Text="Tasks" ImageUrl="images/tasks.gif">
            <Items>
                <telerik:RadPanelItem Text="My Tasks" />
                <telerik:RadPanelItem Text="Shared Tasks" />
                <telerik:RadPanelItem Text="Active Tasks" />
                <telerik:RadPanelItem Text="Completed Tasks" />
            </Items>
        </telerik:RadPanelItem>
        <telerik:RadPanelItem Text="Notes" ImageUrl="images/notes.gif">
            <Items>
                <telerik:RadPanelItem Text="My Notes" />
                <telerik:RadPanelItem Text="Notes List" />
                <telerik:RadPanelItem Text="Shared Notes" />
                <telerik:RadPanelItem Text="Archive" />
            </Items>
        </telerik:RadPanelItem>
        <telerik:RadPanelItem Text="Folders List" ImageUrl="images/folderList.gif">
            <Items>
                <telerik:RadPanelItem Text="My Client.Net" />
                <telerik:RadPanelItem Text="My Profile" />
                <telerik:RadPanelItem Text="My Support Tickets" />
                <telerik:RadPanelItem Text="My Licenses" />
            </Items>
        </telerik:RadPanelItem>
    </Items>
</telerik:RadPanelBar>

[Rumen]

Hello Joe,

I tried to reproduce the problem but to no avail. You can see my test in the following video https://www.screencast.com/t/iHmrW4qICNN. Am I missing something?

Can you delete your browser cache and if the problem persists to send a video or screenshot demonstrating it?

Regards,
Rumen
Telerik by Progress

[Joe]

Thank you Rumen for looking into this.

It turns out I did not have the latest version of Telerik controls, and that was the issue.

Please feel free to remove this topic/thread and thanks again!

- Joe