PDA

View Full Version : Scrollbar: Not using whole div



meQ
22 Sep 2010, 1:43 AM
Hey!

I'm having a problem with a very simple layout:

There is only a tabBar and I'm injecting content with XTemplate using domId.update(...)
My problem is that the scrollbar is not using the whole div but always ends a bit over the tabBar.




//MAIN LAYOUT
//Bottom Tabs (Navigation)
var tabpanel = new Ext.TabPanel({
tabBar: {
dock: 'bottom',
layout: {
pack: 'center',
}
},
fullscreen: true,
layout : 'fit',
ui: 'light',
animation: {
type: 'slide',
cover: true
},
defaults: {
scroll: 'vertical'
},
items: [
{
title: 'Termine',
id: 'upcoming',
html: '<span class="spinner">Lädt...</span>',
iconCls: 'time',
cls: 'tabCard',
},
...
//the way i update the tabs content
Ext.getCmp('upcoming').update(XTemplate....)



I tried to figure out whats wrong but i did'nt get it work. I used different layouts and added containers..
It would be nice if anyone can give a hint.

Thanks in advance and keep up the good work!

meQ

meQ
28 Sep 2010, 5:05 AM
Hey guys,

I noticed that this layout problem has more impact than just the scrollbar.
If i inject a button to this my content div (as described above) it is way too big.

I don't really know if my way of working with HTML and XTemplate is "best practice" and if there is a simple way to inject a button without of adding a new panel or anything similar.

i'm getting desperate..
i would be really happy for any advice!

thanks in advance