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

a bug in the hover highlight of the menu items

4 Answers 68 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Ronen
Top achievements
Rank 1
Ronen asked on 02 Sep 2010, 09:12 AM
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?

4 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 06 Sep 2010, 10:11 AM
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
0
Peter
Telerik team
answered on 06 Sep 2010, 10:26 AM
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
0
Ronen
Top achievements
Rank 1
answered on 06 Sep 2010, 11:30 AM
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.
0
Peter
Telerik team
answered on 07 Sep 2010, 10:10 AM
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
Tags
Menu
Asked by
Ronen
Top achievements
Rank 1
Answers by
Peter
Telerik team
Ronen
Top achievements
Rank 1
Share this question
or