PDA

View Full Version : Fixed height of panel in TabPanel - how to turn on scrolling?



openthesky7
10 Jan 2011, 9:18 AM
Hello,

I have a problem with this piece of code:


Ext.setup({
icon: 'icon.png',
tabletStartupScreen: 'tablet_startup.jpg',
phoneStartupScreen: 'phone_startup.jpg',
glossOnIcon: false,

onReady: function() {

new Ext.TabPanel({
fullscreen: true,
scroll: 'vertical',

items: [
{
title: 'test', html: 'test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>END<br/>',
},
]

});

}


})

If root panel is Ext.Panel not Ext.TabPanel, I can see all text lines and scrolling works. When I changed panel to Ext.TabPanel, height of the panel is fixed (equals height of screen), and there is no end of text. Who to fixed this problem?

openthesky7
10 Jan 2011, 9:47 AM
Ok... I have it:

items: [
{
scroll: 'vertical',
title: 'test', html: 'test...',
},
]

mitchellsimoens
10 Jan 2011, 4:22 PM
Great job figuring it out. One tip tho, if you post code, please wrap it in the CODE BBCode tags. You can highlight your code and then hit the # button in the toolbar.

openthesky7
10 Jan 2011, 4:32 PM
Ok. No problem.

ashokvilvanathan
29 May 2012, 4:33 AM
items: [{scroll: 'vertical',title: 'test', html: 'test...',},]