Incomplete Selection when Hovering Over an Item

2 posts, 0 answers
  1. SorinC
    SorinC avatar
    11 posts
    Member since:
    Nov 2009

    Posted 11 Oct 2013 Link to this post


    We have a three-level menu using RadMenu v2013.2.717:

    <telerik:RadMenu BorderStyle="None" ExpandMode="ClientSide" Flow="Vertical"
             ID="mnuWhiteButton" runat="server" Skin="Default"
             EnableScreenBoundaryDetection="true" AutoScrollMinimumHeight="500"
             EnableAutoScroll="true" Width="18em">
            <telerik:RadMenuItem Text="Webcasts">
            <telerik:RadMenuItem Text="Periodicals">
            <telerik:RadMenuItem Text="Research Packages">
            <telerik:RadMenuItem Text="Top 15 Lists">

    Levels two and three are created from code.
    The skin is specified via web.config as being Windows7:

        <add key="Telerik.Skin" value="Windows7" />

    In IE8 and Chrome, when hovering the mouse over an item on level one, only a part of the item is selected, instead of the entire item. This applies to skins Windows7, Outlook, Office2010Blue and Silver, Office2007 to name a few, but not to Default, Metro, Silk, etc.
    Also, the selection is fine in levels two and three of the menu.

    We would prefer to use the Windows7 skin -- is there a way to fix the issue in this skin?

    Thank you.
  2. Kate
    Kate avatar
    1898 posts

    Posted 16 Oct 2013 Link to this post

    Hello SorinC,

    Please check if there are any custom styles that you apply to your application that might be causing the look that you are currently experiencing. Try to exclude them and check on the appearance of the control. If this does not help I would like to ask you to provide a live url that I can inspect from my side and inspect what might be causing the issue. 

    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top