PDA

View Full Version : Is it possible to set width and height for form Button?



tipu
28 May 2007, 1:02 PM
Hi
I have looked at the docs here :
http://extjs.com/deploy/ext/docs/output/Ext.LayoutDialog.html#addButton

and could not find if somehow width and height can be set for a button.

Here is my code:



var logindialog;
if(!logindialog){
logindialog = new Ext.LayoutDialog(
"login-dialog-box", {
modal:true,
resizable: false,
draggable: false,
width:350,
height:150,
shadow:false,
center: {
split:true,
initialSize: 350,
titlebar: true,
collapsible: false,
animate: false
}
}
);

// add buttons
logindialog.addButton('Login', logindialog.hide, logindialog);


so the 'Login' button that is generated I want it to look like a square, say 100px by 100px. I know I can style the input with a class. Is there already some width and height attribute that can be used to set button sizes. any other technique and suggestions is appreciated. Something I don't know?

Thanks

liggett78
28 May 2007, 1:09 PM
There is minWidth property in the Button config object. I guess the simplest is to use CSS rules for that purpose.