PDA

View Full Version : Viewport in IE6



rjett
15 Jul 2009, 12:45 PM
I'm having trouble getting anything within a viewport to render in IE6. The following code produces something in both Firefox and Chrome. Any ideas for an IE fix?


myapp.viewport = new Ext.Viewport({
items: [
{
xtype: 'panel',
width: '100%',
html: "<div class='something'>test</div>"
}
],
renderTo: Ext.getBody()
});

tryanDLS
15 Jul 2009, 5:05 PM
width is a number, not a string and percentages are not supported. The fact that it works in the other browsers is just luck.

rjett
16 Jul 2009, 5:13 AM
Making the string a number bears no effect. Still got nothing showing up in IE. No errors either.

tryanDLS
16 Jul 2009, 8:04 AM
Just shooting in the dark here.

http://extjs.com/learn/Ext_Forum_Help#Posting_a_working_showcase

Is your code in an Ext.onReady?

Lukman
16 Jul 2009, 8:15 AM
You don't have to specify renderTo config property for Ext.Viewport since it always renders to document body. Also, try throwing in layout: 'fit' in there.

And yup, all this has to go into Ext.onReady(). No element/component instantiation should execute outside of Ext.onReady() flow. Correct me if that statement is wrong.

rjett
16 Jul 2009, 8:26 AM
Ah! I didn't realize that you had to do everything in onReady. It works now. Thanks a lot! :)