extjs - Sencha Touch Vbox -

I need a page with the touch of the sink:

1. one below the other Drop
2. A question posted by the user (can change a long time in length)
3. A text field to get the answer
4. Submit and ignore Two buttons for

6. I am using the vbox layout. Now the problem is that I want the page to be completely square instead of partial scroll instead of page etc. To be crawled.

   How can I get it? I have the same requirements for a different screen.

   The code below is:

     Ext.define ('HCMDoctor.view.PFQuestion', {extension: 'Ext.form panel', xtype: 'PFQuestion', Id: 'pfView', config: {layout: {type: 'vbox', align: 'stretch'}, flex: 1, scrollable: true, item: [{xtype: 'container', 'public forum question' }, 'Shopfile'}, {store: 'selectfil'}, {store: 'selectfield', store: 'community wis's question', name: 'pfCommId', id: 'pfCommId', valuefield: 'community id' , Xtype: 'Dataview', Flex: 1, ID: 'PF Quiz Holder', ItemTap: ['{Discussed}' 
    {Details} ',' 
    Posted on {postedinCommunityName} ']}, {Xtype:' hiddenfield ', id:' pf quiz ID ', name:' pf quiz ID '}, {xtype:' textareafield ', id:' pfAnswer ', name 'PfAnswer'}, {store: 'PF question', xtype: 'button', text: 'undiscovered', id: 'neglected pf question'}, {store: 'pf question', xtype: 'button', text : 'Submit', ID: 'Submit' PF Question '}}}});   
    thanks   
    
    
    Record of records and walk in every Make the panel with  tpl  by passing the record data and adding the panel to its parent. Something like this:  
     var parentPanel = Ext.getCmp ("pfView"); For (var i = 0; i ++; i & lt; record. Size) {var mypanel = Ext.create ("Ext.Panel", {data: record [i]}); ParentPanel.add (myPanel); }