PDA

View Full Version : Issues with IE7



OFSS_Chennai
18 Jun 2009, 3:12 AM
Hi,
Our Support key/Login ID : OFSS_Chennai.

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.

Problem description:

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.

Code snippet:

final TabPanel tabPanel = new TabPanel();
tabPanel.setPlain(true);
tabPanel.setSize(870,950);
tabPanel.setPosition(10, 5);
tabPanel.setDeferredRender(false);

final TabItem paymentsTab = new TabItem();
paymentsTab.setText("Payments");
final AbsolutePanel mainAbsolutePanel = new AbsolutePanel();
paymentsTab.add(mainAbsolutePanel);
tabPanel.add(paymentsTab);

final ContentPanel gridPanel = new ContentPanel();
gridPanel.setCollapsible(true);
gridPanel.setHeading("Payment Summary");
gridPanel.setAnimCollapse(false);
gridPanel.setSize(850,480);
gridPanel.setPosition(9, 17);
gridPanel.add(gridView); //gridView which loads the grid
gridPanel.setVisible(true);
mainAbsolutePanel.add(gridPanel);
contentPanel.collapse();

Kindly suggest us a workaround for this issue.

Thanks in advance

Regards
R.Vidhya