user2436428
user2436428

Reputation: 1723

Sencha Touch: List and formfeilds on same view

I need to develop a view in Sencha Touch where some form fields, textarea & button have to be put just after a list; following is the source code:

Ext.define('myapp.view.MyNotes',{
    extend: 'Ext.Panel',
    xtype: 'admissionnotes',

    requires: [
        'myapp.view.MyAppTitle',
        'myapp.view.MyList',
        'myapp.view.MyForm',
        'myapp.view.MyAppTabBar'
    ],

    config: {
            layout: 'fit',
            fullscreen: true,
            scrollable: true,
        items: [
            {
               xtype: 'myapptitle'
            },
            {
               xtype: 'myapplist'
            },
            {
               xtype: 'myform'
            },
            {
               xtype: 'myapptabbar'
            }

            ]
    }
});

The problem is that these form fields are overlapping my list. Can somebody assist to resolve this isssue?

Thanks

Upvotes: 0

Views: 126

Answers (1)

rixo
rixo

Reputation: 25001

Maybe vbox layout would be more appropriated than fit?

layout: {type: 'vbox', align: 'stretch'}

Upvotes: 1

Related Questions