Uçağın genişliğini değiştiremezsiniz

Question

Flyout'um "productFlyout" kimliğine sahiptir. Arka plan rengini ve genişliğini ayarlamaya çalıştım. Kırmızı renge sahiptir, ancak genişlik değişmez. Metro'nın genişliğe izin vermeyeceği anlaşılıyor.

JS dosyası:

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

CSS dosyası:

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


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

Answer 1

varsayılan olarak ayarlanır flyout için sınırlar vardır. ui-dark.css veya ui-light.css birinde ".win-Açılır pencerenin" için hızlı bir arama yapın ve sizin için varsayılan göreceksiniz:

• min-width
• maksimum genişlik
• min-height
• max-height

Sen CSS'nizde yerini alır, ancak açılır pencereler için rehberlik mümkün olduğunca küçük tutmak için göz önünde bulundurun. Bu makalede "bir geçici açılır Tasarlama" Bkz:

"Guidelines & checklist for Flyouts"