PDA

View Full Version : [CLOSED][3.0rc1] IE and Window.show (not setting a width)



stever
27 Apr 2009, 7:01 PM
Try this on both IE7 (or IE8 in compatibility mode) and Firefox:


new Ext.Window({title:'test', items:{height:40},buttons:[{text:'t1'},{text:'t2'}]}).show()

In IE7, the width expands to the width of the browser.

dawesi
27 Apr 2009, 7:32 PM
try this:



bob = new Ext.Window({title:'test', items:{height:40},buttons:[{text:'t1'},{text:'t2'}]});
bob.show();


that way you're showing the new object, not the singleton.

evant
27 Apr 2009, 7:38 PM
You need to specify a width. "auto" width doesn't work correctly in IE.

stever
27 Apr 2009, 7:44 PM
You need to specify a width. "auto" width doesn't work correctly in IE.

Eewww... I have a floating toolbar window, and I won't know the width since it depends on what is in it.

stever
1 May 2009, 11:02 AM
You need to specify a width. "auto" width doesn't work correctly in IE.

Isn't this where Ext comes in and saves the day by making browsers work similarly? ;)

Condor
1 May 2009, 9:40 PM
Unfortunately, no.

autoWidth:true is entirely based on the browser determining the width of the inner elements and the component adjusting to that.
In IE, if the container is position:absolute (like a window) and the element is float:right (like the close button), it is postioned at the right side of the browser and the window will adjust the size of the window to that.

The window will look good if you don't use any float:right elements (right-aligned buttons or tools). You can howerver add these after the window has already rendered.