Flexible vbox layout

gistfile1.txt

{
	index: function(interaction) {
		var panel = new Wbx.views.AbstractView({
			layout: {
				type: 'vbox',
				align: 'stretch'
			},
			defaults: {
		        flex: 1
		    },
			dockedItems: [
				{
					html: 'Some docked text',
					height: 80
				}
			],
			items: [
				{
					html: 'Some text',
					listeners: {
						afterrender: function(me) {
							this.mon(this.el, 'tap', function() {
								Wbx.views.Msg.alert('Alert', 'Some text');
							})
						}
					}
				},
				{
					html: 'Some text',
					listeners: {
						afterrender: function(me) {
							this.mon(this.el, 'tap', function() {
								Wbx.views.Msg.alert('Alert', 'Some text');
							})
						}
					}
				},
				{
					html: 'Some text',
					listeners: {
						afterrender: function(me) {
							this.mon(this.el, 'tap', function() {
								Wbx.views.Msg.alert('Alert', 'Some text');
							})
						}
					}
				}							
			]
		});
		
		this.renderIndex(panel, interaction);
	}
}