SP1 broke menu display for some skins

3 posts, 0 answers
  1. Erik Kleinreesink
    Erik Kleinreesink avatar
    10 posts
    Member since:
    Nov 2008

    Posted 22 Jul 2013 Link to this post

    After upgrading to 2013 SP1 I noticed the menu hover styles don't display correct for Sunset skin and Hay skin. I also tested this for demo's on the Telerik site. See attached picture.
    I know you want to get rid of these skins but they are the most used skins among the users of my web applications. So I really hope you can solve this. And also have really good alternatives once you no longer support these skins.
  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 25 Jul 2013 Link to this post

    Hello,

    I would like to clarify that your observations are absolutely correct and I have already forwarded it to our development team for fixing. I will post here as soon as there is an update regarding this appearance problem. 

    Please excuse us for any inconveniences caused.

    Regards,
    Boyan Dimitrov
    Telerik
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 25 Jul 2013 Link to this post

    Hello,

    I am glad to provide a workaround for both "Hay" and "Sunset" skins in order to avoid that appearance issue when user is hovering an item.
    I would like to clarify that a fix will be included in our next internal build.
    /* Hay Skin */
     
    .RadMenu_Hay .rmVertical a.rmLink:hover,
    .RadMenu_Hay .rmVertical a.rmFocused,
    .RadMenu_Hay .rmVertical a.rmSelected {
        background-position: 0 -168px;
    }
     
    .RadMenu_Hay .rmVertical a.rmLink:hover .rmText,
    .RadMenu_Hay .rmVertical a.rmFocused .rmText,
    .RadMenu_Hay .rmVertical a.rmSelected .rmText {
        background-position: 100% -192px;
    }
     
    html .RadMenu_Hay .rmVertical a.rmLink:hover .rmExpandRight,
    html .RadMenu_Hay .rmVertical a.rmSelected .rmExpandRight,
    html .RadMenu_Hay .rmVertical a.rmFocused .rmExpandRight {
        background-position: 100% -240px;
    }
     
    html .RadMenu_Hay .rmRootGroup a.rmDisabled:hover .rmExpandRight,
    html .RadMenu_Hay_Context .rmGroup a.rmDisabled:hover .rmExpandRight,
    html .RadMenu_Hay_Context .rmGroup a.rmDisabled:hover .rmExpandLeft,
    html .RadMenu_Hay .rmGroup a.rmDisabled:hover .rmExpandDown {
        background-position: 100% -216px;
    }
     
     
    /* Sunset Skin */
     
    .RadMenu_Sunset .rmVertical a.rmLink:hover,
    .RadMenu_Sunset .rmVertical a.rmFocused,
    .RadMenu_Sunset .rmVertical a.rmSelected {
        background-position: 0 -168px;
    }
     
    .RadMenu_Sunset .rmVertical a.rmLink:hover .rmText,
    .RadMenu_Sunset .rmVertical a.rmFocused .rmText,
    .RadMenu_Sunset .rmVertical a.rmSelected .rmText {
        background-position: 100% -192px;
    }
     
    html .RadMenu_Sunset .rmVertical a.rmLink:hover .rmExpandRight,
    html .RadMenu_Sunset .rmVertical a.rmSelected .rmExpandRight,
    html .RadMenu_Sunset .rmVertical a.rmFocused .rmExpandRight {
        background-position: 100% -240px;
    }
     
    html .RadMenu_Sunset .rmRootGroup a.rmDisabled:hover .rmExpandRight,
    html .RadMenu_Sunset_Context .rmGroup a.rmDisabled:hover .rmExpandRight,
    html .RadMenu_Sunset_Context .rmGroup a.rmDisabled:hover .rmExpandLeft,
    html .RadMenu_Sunset .rmGroup a.rmDisabled:hover .rmExpandDown {
        background-position: 100% -216px;
    }



    Regards,
    Boyan Dimitrov
    Telerik
    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