1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    13
    Vote Rating
    0
    Seth_J is on a distinguished road

      0  

    Default Panel won't scroll down...

    Panel won't scroll down...


    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?

    Code:
    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);
    	}
    	
    });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,073
    Vote Rating
    854
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Your GoR.views.HelpPanel needs to use a layout like fit layout.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    13
    Vote Rating
    0
    Seth_J is on a distinguished road

      0  

    Default


    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).

  4. #4
    Sencha User
    Join Date
    Nov 2011
    Posts
    13
    Vote Rating
    0
    Seth_J is on a distinguished road

      0  

    Default


    I took out the scroll: 'vertical' property and it started working.

Thread Participants: 1