Question

Hi, I am using sencha touch 1.X and I am having issues on different types of mobile devices with my dataviews.

The problem is that my panel containing my dataview does not scale to the dataview’s size.

Here is the code :

AppCenter.views.HomeList = Ext.extend(Ext.Panel, {
    scroll: 'vertical',
    items : [{
        scroll: false,  
        id: 'list-data-view',
        xtype: 'dataview',
        store: AppCenter.stores.ListStore,
        itemSelector:'div .category-container',
        tpl: new Ext.XTemplate
        (
            my tpl
        )
    }]
});

On recent mobile it works fine. But when trying on iPhone 3G and below it does the following.

The scroller has the size of my window whereas my dataview is much bigger than the window.

Any tips ?

Answer 1

It has to do with the iPhone screen resolution. Maybe the problem is in your template or some custom css. Do you use somewhere absolute pixels?