Hover over sub item

2 posts, 0 answers
  1. Jacques
    Jacques avatar
    20 posts
    Member since:
    Mar 2013

    Posted 29 Jan 2015 Link to this post

    Hi there,

    I am using a custom skin build with the Visual Style Builder and I am having trouble implementing the following scenario:

    When I hover over a main item the color of the main item changes from Red to White, which is OK (see Main item hover.png)
    When I hover over a sub item I want the color of the Main text item still be White. Now it changes back to Red (see Sub item hover.png).

    Anybody any idea?Thanx!

  2. Ivan Danchev
    Ivan Danchev avatar
    2002 posts

    Posted 02 Feb 2015 Link to this post

    Hi Marcel,

    To achieve that you can use the OnClientMouseOver client-side event to add a class to the hovered item's parent:

    <telerik:RadMenu ID="RadMenu1" runat="server" OnClientMouseOver="ChangeParentColor" >

    function ChangeParentColor(menu, args) {

    Then you can apply the red color to the class with CSS:

    .RadMenu .redColor .rmRootLink {
    .RadMenu .redColor a.rmLink:hover {

    Ivan Danchev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top