Nie można zmienić szerokości wysuwu

Question

Mam wysuwany identyfikator o nazwie "productFlyout". Próbowałem ustawić kolor i szerokość tła. Ma czerwony kolor, ale szerokość się nie zmienia. Wygląda na to, że Metro nie pozwala na zbyt dużą szerokość.

plik JS:

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

plik CSS:

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


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

Answer 1

Istnieją limity wysuwanym ustawione domyślnie. Do szybkiego wyszukiwania dla ".win-rozwijanym" w obu UI-dark.css lub UI-light.css a zobaczysz domyślne:

• min-width
• max-width
• min-height
• max-height

można zastąpić te w CSS, ale należy pamiętać, że poradnictwo dla paletach wysuwanych jest, aby utrzymać je jak najmniejsza. Patrz „Projektowanie rozwijany” w tym artykule:

"Guidelines & checklist for Flyouts"