a bug in the hover highlight of the menu items

5 posts, 0 answers
  1. Ronen
    Ronen avatar
    29 posts
    Member since:
    Aug 2010

    Posted 02 Sep 2010 Link to this post

    i think there is a bug , something in the highlightning gets inversed when you click a menu item, try this code:
    click the first item, then hover on the second.
    it also can highlight two menu items at the same time.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
      
    <head runat="server">
        <title></title>
    </head>
    <body dir="rtl">
        <form id="form1" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <div>
        <telerik:RadMenu ID="RadMenu1" runat="server" style="padding-top:20px; padding-bottom: 30px;"
                 EnableRoundedCorners="True" EnableShadows="True" Flow="Vertical" Skin="Outlook" ClickToOpen="True" 
                        CollapseDelay="100"
                        EnableSelection="False">
                 <Items>
                   <telerik:RadMenuItem Text="one">
                            <Items>
                                <telerik:RadMenuItem Text="first" PostBack="False"/>
                                <telerik:RadMenuItem runat="server" Text="second" PostBack="False">
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadMenuItem>
                                       <telerik:RadMenuItem Text="two">
                            <Items>
                                <telerik:RadMenuItem Text="first" PostBack="False"/>
                                <telerik:RadMenuItem runat="server" Text="second" PostBack="False">
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="three" 
                         NavigateUrl="http://telerik.com" Target="_blank">
                        </telerik:RadMenuItem>
                        </Items>
                        <ExpandAnimation Duration="1000" />
                        </telerik:RadMenu>
        </div>
        </form>
    </body>
    </html>

    also how can i disable the highlightning upon hovering?
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 06 Sep 2010 Link to this post

    Hello Ronen,

    When you click on a menu item, it gets selected and rmFocused class is applied to it. The same style is used for the hover state. However,  you can overwrite the hover state with the following css selector:
    .rmLink:hover, .rmText:hover
          {
              background:yellow !important;    
          }

    You can also create a custom skin using the Telerik visual style builder.


    Greetings,
    Peter
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 06 Sep 2010 Link to this post

    Hello Ronen,

    When you click on a menu item, it gets selected and rmFocused class is applied to it. The same style is used for the hover state. However,  you can overwrite the hover state with the following css selector:
    .rmLink:hover, .rmText:hover
          {
              background:yellow !important;    
          }

    You can also create a custom skin using the Telerik visual style builder.


    Greetings,
    Peter
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  4. Ronen
    Ronen avatar
    29 posts
    Member since:
    Aug 2010

    Posted 06 Sep 2010 Link to this post

    thanks, but still, i think this is not the way it should be, if i click a menu item and hover over another item i would accept the selcetion to go to the other item.
    I think also a property to disable selection upon hovering or clicking could be usefull.

    I tried the first method you suggested, it just colors behind the selection, but the selection remains.
  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 07 Sep 2010 Link to this post

    Hello Ronen,

    This is by design like this - an item is selected only when you click on it. If you don't want to have a special style for the selected item, you can simply overwrite the rmFocused class.


    All the best,
    Peter
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top