No se puede cambiar el ancho del menú desplegable

Question

Tengo un menú desplegable que tiene el id "productFlyout". Intenté establecer el color y el ancho de fondo. Tiene color rojo pero el ancho no cambia. Parece que Metro no permite un ancho demasiado grande.

archivo JS:

productFlyout.winControl.show(dummyDOM, "bottom", "center"); 

archivo CSS:

#productFlyout { 
    background: red; 
    width: 1000px; 
} 


#productFlyout .win-flyout { 
    width: 1000px; 
    background: red; 
} 

Answer 1

hay límites para Flyout establecidas por defecto. Hacer una búsqueda rápida de ".win-flotante", ya sea en ui-ui-dark.css o light.css y verá valores predeterminados para:

• min-width
• ancho máximo
• min-height
• max-height

puede anular los de tu CSS, pero tenga en cuenta la orientación de menús laterales es mantenerlos lo más pequeño posible. Consulte "Diseño de un menú lateral" en este artículo:

"Guidelines & checklist for Flyouts"