PDA

View Full Version : TabPanel's tabbar is not sizing



sencha-dev2
3 Oct 2012, 4:54 AM
Hi, I have got a little problem with the headers in my tabpanel. I have to display two-lined written titles, but I can't manage to resize the header, so it doesn't show right. Any ideas ?

scottmartin
3 Oct 2012, 6:01 PM
Please create a small working example to help us understand the problem. You can use the example in API docs as a starting point.

Scott.

sencha-dev2
3 Oct 2012, 10:51 PM
Sorry, I didn't figure out.

Here's a code sample :



Ext.create('Ext.tab.Panel', {
width: 300,
height: 200,
activeTab: 1,
items: [
{
title: 'Tab 1',
bodyPadding: 10,
html : 'A simple tab'
},
{
title: '<font color="blue">Foo</font><br /><font color="red">Bar</font>',
html : 'The tab which is causing problem'
}
],
renderTo : Ext.getBody()
});


And here's the result :

39130

You can see that the tab isn't properly displayed, and I can't figure out about how I could fix it. The separator between the tabBar and the tabBody resizes, but the tabBar itself doesn't.

Please help (:|

scottmartin
4 Oct 2012, 7:20 AM
You may have to tweak it a little, but you get the idea:
http://jsfiddle.net/eGVqR/

Scott.

markbjerke
4 Oct 2012, 12:36 PM
Thanks so much, exactly what I needed.
mark

sencha-dev2
5 Oct 2012, 1:54 AM
I'm grateful, thank you very much ! It finally works fine for me, so I can continue on, thanks again.