virticle space between components in sencha touch -


i trying give space between components here screen shot , want give vertical space between lables , textfields , button dont find way

enter image description here

here code

ext.define('test.view.main', {     extend: 'ext.panel',     xtype: 'main',     requires: [         'ext.titlebar',          'ext.label'     ],     config: {       items: [                  {                 docked: 'top',                 title: 'test',                 ui: 'dark',                 xtype: 'titlebar'             },               {                  xtype:'panel',                 style:'padding:10%',                     items:[ {                             xtype: 'label',                             html: 'user name/mobile number',                          },                          {                             xtype: 'textfield',                         },{                                 xtype: 'label',                                 html: 'password'                         },{                          xtype: 'textfield',                         },{                             xtype:'button',                             text:'login'                         }]               }             ]     } }); 

use margin property space between fields:

{     xtype:'panel',     defaults: {         margin: '20 0'     },     items: [         {             xtype: 'label',             html: 'user name/mobile number'         },          .... 

Comments

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

Does Firefox offer AppleScript support to get URL of windows? -

android - How to install packaged app on Firefox for mobile? -