View Full Version : Issue with Ext.tab.Panel

8 Feb 2014, 7:34 PM

I am trying a very simple example from Sencha and having an issue the tab.panel. I am using ExtJs.4.2.0 version and below is the sample code -

Ext.create('Ext.tab.Panel', {
width: 400,
height: 400,
renderTo: document.body,
items: [{
title: 'Foo'
}, {
title: 'Bar',
tabConfig: {
title: 'Custom Title',
tooltip: 'A button tooltip'

Below image is the screenshot of tab rendered in IE8. It renders fine in Chrome.
Any idea why it is rendering this way?


9 Feb 2014, 12:40 PM
Bumping up the thread.. Please help! I am really stuck here.

10 Feb 2014, 4:31 AM
Hey, Have tested the below mentioned code in IE8 , it is working fine at my end

Gary Schlosberg
10 Feb 2014, 7:06 AM
Same for me. I put your code into this Fiddle, which runs fine for me in IE8.

Does it run for you in your environment?

18 Feb 2014, 1:14 PM
It renders fine when I try the above code in fiddle. I could be missing some resource files like scripts and css maybe that is needed to render the tabs. I don't have the entire framework installed. I have ext-all.js and ext-all.css and a bunch of other ext-all css files.

Can someone please tell me what are the files needed for Extjs.tab panel?