Aligner les éléments verticalement dans un centre - Sencha Panneau

Je suis en train d'aligner le milieu de l'écran d'un élément simplement un label mais c'est en l'alignant horizontalement et non verticalement.

var panel = new Ext.Panel({
    layout:{
        type: 'vbox',
        align: 'center'
    },
    items:[
        {
            xtype: 'label',
            html: 'My Label'
        }
    ],
    fullscreen: true,
    flex: 1
});

J'ai supprimé flex, et de définir height ainsi, mais il ne fonctionne pas. Merci de me donner quelques indices?

OriginalL'auteur sohail.hussain.dyn | 2013-11-22

  1. 8

    Essayez d'utiliser pack: center dans la mise en page, comme ceci:

    var panel = new Ext.Panel({
    layout: {
        type: 'hbox',
        align: 'center',
        pack: 'center'
    }, 
    items:[
        {
            xtype: 'label',
            html: 'My Label'
        }
    ]
});
    Merci. Il fonctionne, mais quel est le but de pack?
    Il contrôle la façon dont l'enfant les éléments du conteneur sont emballés ensemble. Comme center rend l'enfant les éléments emballés ensemble, au milieu de la largeur du conteneur.
    cela ne fonctionne pas pour mon panneau. J'ai comme des éléments d'une étiquette et d'un bouton

    OriginalL'auteur Sujata Chanda

  2. 2

    Pour HBox disposition préférable d'utiliser 'align: middle' config, je suppose.
    Essayez ceci:

    var panel = new Ext.Panel({
    layout: {
        type: 'hbox',
        align: 'middle'
    }, 
    items:[{
        xtype:'label',
        html:'My Label'
    }]
});

    OriginalL'auteur Alex Dzeiko