Center-align a button in ExtJS
14,085
You can try this. It's one way(I add picture of my window)
Ext.define('MyApp.view.MyWindow', {
extend: 'Ext.window.Window',
height: 137,
width: 233,
layout: {
align: 'middle',
pack: 'center',
type: 'hbox'
},
title: 'My Window',
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
{
xtype: 'button',
text: 'MyButton'
}
]
});
me.callParent(arguments);
}
});
Comments
-
Raza Ahmed almost 2 years
var myWin = new Ext.Window({ height : 100, width : 200, maximizable : true, items : [ { xtype : 'button', text : 'myButton' // align : center } ] }); myWin.show();
This is my code. I want to align the button to center, i know there are ways to do that but they are a bit long and tricky, is there a simple solution like
align : center
or something like that, that should align button or text fields to center?