RadPanelItem Background Image Hovers Display Off in Recent Versions of Chrome

3 posts, 0 answers
  1. Joe
    Joe avatar
    2 posts
    Member since:
    Apr 2014

    Posted 20 Feb Link to this post

    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. Rumen
    Admin
    Rumen avatar
    13278 posts

    Posted 23 Feb Link to this post

    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.
  3. Joe
    Joe avatar
    2 posts
    Member since:
    Apr 2014

    Posted 14 Mar Link to this post

    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

Back to Top