C1Menu Styles CSS 2010v1 to 2025v2 399 in ASP.NET WebForms

C1Menu Styles CSS 2010v1 to 2025v2 399 in ASP.NET WebForms

Posted by: enrique.pv-ext on 18 September 2026, 6:32 am EST

• 

  enrique.pv-ext

  • Post Options:
  • Link
    Copy

  Posted 18 September 2026, 6:32 am EST - Updated 18 September 2026, 6:37 am EST

  new ticket for separate concerns to avoid any misunderstandings about C1Menu Styles CSS

  Reference https://developer.mescius.com/forums/webforms-edition/styles-css-2010v1-to-2025v2-399-in-asp-net-webforms

  Fix aligns menu using

  /* (A) contenedor exterior: envuelve icono izquierdo + texto real cuando el ítem tiene IconClass */
  .wijmo-wijmenu-child .wijmo-wijmenu-link > .wijmo-wijmenu-text {
      display: flex;
      align-items: flex-start;   /* icono alineado con la primera línea de texto, no centrado verticalmente */
      flex-wrap: nowrap;         /* icono y texto en la misma fila; el texto envuelve internamente, el icono no baja de línea */
      flex: 1 1 auto;
      min-width: 0;              /* imprescindible para que el hijo flex pueda envolver texto en vez de desbordar */
  }
  
  /* icono izquierdo, ahora correctamente localizado como hijo directo de (A) */
  .wijmo-wijmenu-child .wijmo-wijmenu-link > .wijmo-wijmenu-text > .ui-icon {
      flex: 0 0 auto;             /* nunca se encoge ni envuelve, siempre ocupa su propia celda */
      margin-top: 2px;            /* ajuste fino para que se asiente junto a la primera línea de texto */
  }
  
  /* (B) span interior: el texto real */
  .wijmo-wijmenu-child .wijmo-wijmenu-link > .wijmo-wijmenu-text > .wijmo-wijmenu-text {
      white-space: normal;
      overflow-wrap: break-word;
      flex: 1 1 auto;
      min-width: 0;
  }
  

  

  832×310 23.4 KB

  NOw, how use icons in Menu wijmo ?

  IN legacy Menu:
  
  

  

  780×289 40.7 KB

  

  1337×694 90.2 KB

  any alternatives ??