El control de menú CSS se rompe cuando está dentro de UpdatePanel
-
02-07-2019 - |
Pregunta
Tengo un control de menú dentro de un panel de actualización. Cuando coloco el cursor sobre un elemento seleccionado y luego retrocedo, la clase css se establece en staticSubMenuItem en lugar de staticSubMenuItemSelected. ¿Hay alguna solución para esto?
<asp:UpdatePanel runat="server">
<ContentTemplate>
<asp:Menu ID="SubMenu" runat="server" SkinID="subMenu" OnMenuItemClick="SubMenu_Click"
CssClass="floatRight" StaticMenuItemStyle-CssClass="staticSubMenuItem" StaticSelectedStyle-CssClass="staticSubMenuItemSelected"
StaticHoverStyle-CssClass="staticSubMenuItemSelected">
<Items>
<asp:MenuItem Text="Item 1" Value="0" Selected="true" />
<asp:MenuItem Text="Item 2" Value="1" />
</Items>
</asp:Menu>
</ContentTemplate>
</asp:UpdatePanel>
Solución
El problema está aquí:
StaticSelectedStyle-CssClass = " staticSubMenuItemSelected "
StaticHoverStyle-CssClass = " staticSubMenuItemSelected "
Si tiene un conjunto de CssClass diferente para Seleccionado y Desplazar, el problema está solucionado. Crea un " Desplazamiento " clase css y cambie lo anterior a:
StaticSelectedStyle-CssClass = " staticSubMenuItemSelected "
StaticHoverStyle-CssClass = " staticSubMenuItemHover "
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow