PDA

View Full Version : Issue with Ext.tab.Panel



hillcountry
8 Feb 2014, 7:34 PM
Hi,

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?

Thanks!
47859

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

Zinnia
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.
https://fiddle.sencha.com/#fiddle/3gd

Does it run for you in your environment?

hillcountry
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?

Thanks