We have created a web application using ExtJS. Currently the application runs in IE6. We could find some discrepancies when the same application is run in IE7.
Kindly have a look at the screenshots attached and the code snippet for reference.
In the application, a grid is present in a content panel which in turn is placed inside a tab panel.The height of the tab panel is set to 950.In IE6, the look and feel of the application looks fine, but in IE7 the height of the tabpanel is reduced, as a result only half of the grid contents are shown.
final TabPanel tabPanel = new TabPanel(); tabPanel.setPlain(true); tabPanel.setSize(870,950); tabPanel.setPosition(10, 5); tabPanel.setDeferredRender(false);
final TabItem paymentsTab = new TabItem();
final AbsolutePanel mainAbsolutePanel = new AbsolutePanel();
final ContentPanel gridPanel = new ContentPanel();
gridPanel.add(gridView); //gridView which loads the grid