Layout tipo vbox
El layout vbox es similar a hbox pero creando una disposición vertical en lugar de horizontal. Lo podemos visualizar como un conjunto de cajas apiladas de la siguiente forma:

El código para crear una pantalla de este tipo sería idéntico al utilizado en el ejemplo anterior pero cambiando el tipo de layout hbox por vbox:
Ext.create('Ext.Container', {
fullscreen: true,
layout: 'vbox',
items: [
{
xtype: 'panel',
html: 'Fila que ocupa 1/3 del alto.',
flex: 1
},
{
xtype: 'panel',
html: 'Fila que ocupa 2/3 del alto.',
flex: 2
}
]
});
Last updated
Was this helpful?