1. #1
    Sencha User
    Join Date
    Jun 2010
    Location
    Argentina
    Posts
    20
    Vote Rating
    0
    mpacheco is on a distinguished road

      0  

    Default Ext.Button Style

    Ext.Button Style


    Hi,

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

    Here is the code:

    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!

  2. #2
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    78
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


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

  3. #3
    Sencha User
    Join Date
    Jun 2010
    Location
    Argentina
    Posts
    20
    Vote Rating
    0
    mpacheco is on a distinguished road

      0  

    Default


    I took ti from the docs...

    How should this be wrote?

  4. #4
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    78
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


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

  5. #5
    Sencha User
    Join Date
    Jun 2010
    Location
    Argentina
    Posts
    20
    Vote Rating
    0
    mpacheco is on a distinguished road

      0  

    Default


    Thanks it works fine.

    Regards,

    Martin.-

Similar Threads

  1. Replies: 0
    Last Post: 5 May 2010, 1:20 AM
  2. style a toolbar like Ext.Button
    By markpele in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 30 Mar 2010, 4:58 AM
  3. Ext.Button Style
    By gizmo1177 in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 16 Oct 2009, 3:44 AM
  4. Button style change from Ext 2.2 to Ext 3.0
    By sl5337 in forum Community Discussion
    Replies: 0
    Last Post: 27 Jul 2009, 8:44 AM
  5. Ext.Button missing CSS style for pressed state?
    By papasi in forum Ext 1.x: Bugs
    Replies: 0
    Last Post: 13 Jun 2007, 9:25 PM

Thread Participants: 1

Tags for this Thread