Ext.Button Style

[mpacheco]

Hi,

I'm trying to add some style to an Ext.Button

Here is the code:

                        style:
                            {
                                //marginBottom: '10px',
                                labelStyle: 'font-weight:bold; color:red;'
                            }
                        });

But the button did set with the style.

The button is in the bbar a GridPanel

Thanks!

[jay@moduscreate.com]

I don't think "labelStyle" is a valid CSS attribute

[mpacheco]

I took ti from the docs...

How should this be wrote?

[jay@moduscreate.com]

the docs state:

labelStyle : String
A CSS style specification string to apply directly to this field's label. Defaults to the container's labelStyle value if set (e.g., Ext.layout.FormLayout.labelStyle , or '').

labelStyle is only for the "fieldLabel"

try cls:

cls : String
A CSS class string to apply to the button's main element.

or you can cheat

new Ext.Window({
    height : 400,
    width : 300,
    buttons : [
        {
              text : '<span style="font-weight:bold; color:red;">red and bold button</span>'
        }
    ]
}).show()

[mpacheco]

Thanks it works fine.

Regards,

Martin.-