What do you do if, you want to work with the vertical alignment your child panels?

While the align property of Layout will affect the horizontal alignment the pack property will affect the vertical align.
For example, the following code will align the child panels center horizontally and top vertically.

new Ext.Panel({
	layout: 'fit',
	items: [{
		layout: {
			type: 'vbox',
			align: 'center', pack: 'top'
		},
		scroll: 'vertical',
		items: []
	}]
});

Incoming search terms:

  • align center label sencha touch
  • layout a grid in sencha touch panel