SP1 broke menu display for some skins

[Erik Kleinreesink]

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.

[Boyan Dimitrov]

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

[Boyan Dimitrov]

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