This is a migrated thread and some comments may be shown as answers.

RadPanelItem Background Image Hovers Display Off in Recent Versions of Chrome

2 Answers 33 Views
Sharepoint Integration
This is a migrated thread and some comments may be shown as answers.
Joe
Top achievements
Rank 2
Joe asked on 20 Feb 2017, 07:05 PM

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>

2 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 23 Feb 2017, 05:05 PM

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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Joe
Top achievements
Rank 2
answered on 14 Mar 2017, 06:21 PM

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

Tags
Sharepoint Integration
Asked by
Joe
Top achievements
Rank 2
Answers by
Rumen
Telerik team
Joe
Top achievements
Rank 2
Share this question
or