Leigh Kesler
Feb 08 2010
Switching to IE 8: "Missing" Elements and Document Modes
My current client is switching from IE 6 to 8 for their primarily ExtJS web application. I've been working on debugging some IE8 issues and had a peculiar problem where tables were refusing to display. At first I thought this was due to some bad markup, but using the new Developer tools in IE8 revealed that the elements were, in fact, present in the HTML.
I tried forcing the table to show by setting some styles via CSS, thinking I might have a layout issue, but nothing worked. I started to get pretty worried that a style being set by ExtJS was causing the issue and didn't know how I could fix it. I decided to try viewing the page in IE's "Compatibility Mode", since I knew this page worked in IE6, before digging through ExtJS. Lo and behold, the table reappeared.
Aug 07 2009
Using Tabs with Border Layout in ExtJS 3.0
In my current project, we're using ExtJS for almost all of the user interface. Our basic setup is a viewport with a border layout. In the center region of the layout, we launch the various components of the web application as new tabs.
When the contents of these tabs utilized a border layout, we began to notice a problem in IE6. When we loaded the viewport and launched multiple tabs (some using border layout) via onclick listeners, those with border layout would lose their north and south regions when you toggled around between the tabs.
I looked at how the show/hide of tabs was working via Firebug and got a sneaky suspicion that the culprit was "display:none" being used to hide divs when you toggle tabs. After some exploration into ExtJS's RSS Feed Viewer example, we saw the property "hideMode:'offsets' ". We gave it a try and set it on the panels using border layout. This configuration tells Ext to hide the panel by using top and left positions of -1000 instead of "display:none" when the tab is hidden.