scroll problem

Discontinued products DHTMLX Touch
#1

Hi,
I’ve the written the following code, but the content is not scrollable.

dhx.ready(function(){
	   		var config={
                container:"groupBox",
                rows:[
                        { 	
                            view:"toolbar", 
                            type:"MainBar", 
                            elements:[
                                {view:"label", label: "Title", align:'center'},
                            ]
                        },
                        {
							id: "myContent",
							gravity:2,
							cells:[    
								{ template:"http->content/?p=apps", id:"apps" },
								{ template:function() { window.location='/'; return ""; }, id:"home" },
								{ template:"http->content/?p=app_builder", id:"appbuilder" },
								{ template:"http->content/?p=contact", id:"contact" }
							]
                        },
						{ 
                            view:"toolbar", 
                            id:"BottomBar", type:"BottomBar",
                            elements:[
                            	{ view:"tabbar", id:'tabbar', selected: 'apps', align:"center", optionWidth:80, options: [
                            	    { label: 'Home', src: 'images/btn_home.png', value: 'home'},
                            	    { label: 'Apps', src: 'images/btn_apps.png', value: 'apps'},
                            	    { label: 'App Builder', src: 'images/btn_app_builder.png', value: 'appbuilder'},
                            	    { label: 'Contact', src: 'images/btn_contact.png', value: 'contact'}
                            		]},
                                ]
                        }    
    				]
            };
            
			
			//correctDemo(config);
    			//init config
			dhx.ui.fullScreen();
            dhx.ui(config);
            $$("BottomBar").attachEvent("onBeforeTabClick",function(button,id){
                $$(id).show();
                return true
            });
        });

The contents that are loaded inside the view-myContent are not scrollable.

Any assistance would be appreciated.
Thanks

#2

add “scroll:true”, just try it, it might works :smiley:

like this:

{
     id: "myContent",
     gravity:2,
     cells:[    
                        { template:"http->content/?p=apps", id:"apps" },
                        { template:function() { window.location='/'; return ""; }, id:"home" },
                        { template:"http->content/?p=app_builder", id:"appbuilder" },
                        { template:"http->content/?p=contact", id:"contact" }
     ],
     scroll: true // <---------------- ADD THIS LINE
}
#3

Hi,

Please try to set scroll: true in config of “template” view:
…
{ template:“http->content/?p=apps”, id:“apps”, scroll: true },
…