vikky_25
23 Feb 2009, 6:36 AM
I'm rendering a Ext.Panel as "hidden: true" with the "height: 29" and then making it visible on a need basis.
I'm facing a problem in IE, when I turn on the visibility. The height of the panel is streched beyond the height I specified. No issue in Firefox.
var mypanel = Ext.Panel({
id: "my-panel",
height: 29,
region: "north",
border: false,
hidden: true,
enablePanel: function (show) {
if (this.rendered) {
this.setVisible(show);
this.findParentByType("panel").doLayout(true);
} else {
// if not rendered, recall the same method after a small delay
this.enableCommunicator.defer(100, this, [show]);
}
}
});
On a different occasion, after I call the method "mypanel.enablePanel(true);", the Panel becomes visible but the height of the panel gets streched beyond desired limit. I'm not sure why its happening only in IE and not in Firefox. What should I do to rectify this?
If needed I can post the snapshot also.
I'm facing a problem in IE, when I turn on the visibility. The height of the panel is streched beyond the height I specified. No issue in Firefox.
var mypanel = Ext.Panel({
id: "my-panel",
height: 29,
region: "north",
border: false,
hidden: true,
enablePanel: function (show) {
if (this.rendered) {
this.setVisible(show);
this.findParentByType("panel").doLayout(true);
} else {
// if not rendered, recall the same method after a small delay
this.enableCommunicator.defer(100, this, [show]);
}
}
});
On a different occasion, after I call the method "mypanel.enablePanel(true);", the Panel becomes visible but the height of the panel gets streched beyond desired limit. I'm not sure why its happening only in IE and not in Firefox. What should I do to rectify this?
If needed I can post the snapshot also.