Aligning buttons in messagebox

[Learn]

Hi,

I need to align the OK button of the message box to the right. I am using the Ext.MessageBox class to display my messagebox. I have tried using buttonAlign but that doesnt work. Also tried to create a custom button and attach a class to it but this button is not being displayed. Any ideas please?

Ext.MessageBox.show({
title: 'Error',
msg: "This is a message", //getting the value
buttonAlign:'right', //doesnt work
buttons: Ext.MessageBox.OK,
icon: infoType
});

[mitchellsimoens]

You can update the layout of the toolbar the buttons live in. Right now it has pack : 'center'

[Learn]

Hi,

Thanks a lot for the help. I am very new to extjs. Could you please direct me to the js file which would have this. Thanks again.

[mitchellsimoens]

The MessageBox source is in the src/window/MessageBox.js file.

[Learn]

Made a change to this part of MessageBox.js file. Thanks again.

getDialog : function(titleText){
if(!dlg){
var btns = [];

buttons = {};
Ext.each(buttonNames, function(name){
btns.push(buttons[name] = new Ext.Button({
text: this.buttonText[name],
handler: handleButton.createCallback(name),
hideMode: 'offsets'
}));
}, this);
dlg = new Ext.Window({
autoCreate : true,
title:titleText,
buttonAlign:"right",

[nirvdrum]

If you have a moment, an example that doesn't require modifying the ExtJS source would be much appreciated. I tried a few approaches to building up my own toolbar in Ext.MessageBox.show, but I'm fairly new to the object model and am clearly missing something.

FWIW, "buttonAlign" seems like it'd be a great option if it worked. I see it's no longer even in the ExtJS 4.1.3 source, although it still appears in the documentation.