केंद्र में लंबवत वस्तुओं को संरेखित करें - सेन्चा पैनल

Question

मैं किसी आइटम की स्क्रीन के मध्य को label पर संरेखित करने की कोशिश कर रहा हूं लेकिन यह क्षैतिज रूप से लंबवत रूप से संरेखित नहीं है।

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

मैं flex को हटा दिया है, और साथ ही height सेट है, लेकिन यह काम नहीं करता। कृपया मुझे कुछ सुराग दें?

Answer 1

लेआउट में pack: center उपयोग करते हुए, इस तरह का प्रयास करें:

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

Answer 2

HBox लेआउट के उपयोग को प्राथमिकता के लिए 'align: मध्यम' config मुझे लगता है। इसे आज़माएं:

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