PDA

View Full Version : Panel won't scroll down...



Seth_J
12 Dec 2011, 10:31 AM
I'm having a problem scrolling html in on of my views. When I try and scroll with my finger on a phone the html scrolls back up to the top line like it is stuck..

Any ideas?


GoR.views.HelpPanel=Ext.extend(Ext.Panel,{ title:'Help',
initComponent:function(){

var config={
iconCls: 'icnHelp',
items:[{
title: 'Help',
xtype: 'panel',
dockedItems: new Ext.Toolbar({ dock: 'top', title: 'Help' }),
items: [{
xtype: 'panel',
layout: 'fit',
scroll: 'vertical',
draggable: true,
styleHtmlContent: true,
html: 'Long HTML Instructions go here....'
}]

}]
};

Ext.apply(this, config);
GoR.views.HelpPanel.superclass.initComponent.apply(this, arguments);
}

});

mitchellsimoens
12 Dec 2011, 1:30 PM
Your GoR.views.HelpPanel needs to use a layout like fit layout.

Seth_J
12 Dec 2011, 2:24 PM
Thanks mitchell... That doesn't seem to work either.

Strange.. it does work in the iOS simulator but not on the phone itself. I am able to scroll a little but you have to be persistant and only touching the far right side of the screen (where the scroll bar shows up).

Seth_J
12 Dec 2011, 2:27 PM
I took out the scroll: 'vertical' property and it started working.