Pack y align

Las características pack y align del layout sirven para controlar la alineación de los elementos hijos dentro de un contenedor:

• Pack: es la alineación en el mismo eje de alineación del layout utilizado. Por ejemplo, en un layout tipo hbox sería el horizontal y en uno tipo vbox el vertical. Se pueden asignar tres posibles valores: start, center y end.

• Align: es la alineación en el eje perpendicular al de la alineación del layout utilizado. Por ejemplo, en un layout del tipo hbox será la vertical y en uno del tipo vbox la horizontal. Puede tener cuatro posibles valores: start, center, end y stretch.

A continuación se incluye un ejemplo de su utilización:

Ext.create('Ext.Panel', {
    fullscreen: true,
    layout: {
        type: 'hbox',
        align: 'center',
        pack: 'center'
    },
    items: {
        xtype: 'panel',
        html: 'Contenido centrado.'
    }
});