1. #1
    Ext GWT Premium Member
    Join Date
    Jul 2010
    Posts
    34
    Vote Rating
    0
    PeterStrong is on a distinguished road

      0  

    Default Setting font-weight on a Button in a ToolBar

    Setting font-weight on a Button in a ToolBar


    GXT 2.1.1

    I'm trying to set the font-weight on a Button that's being used as part of a ToolBar and having no luck at all.

    I've tried adding a style name of my own to the Button and tried adding to the .x-btn-text style.

    I've had no trouble controlling text style in other components, including if I use the MenuBar (instead of ToolBar).

    Am I missing something here? I'm no CSS expert and I can't figure out why the style is not being applied.

    Not a big deal, but it would be nice to know how to accomplish this.

    Thanks!

    Peter

  2. #2
    Sencha User
    Join Date
    Sep 2007
    Posts
    13,971
    Vote Rating
    132
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      0  

    Default


    How does the css rule look like which you have tried?

  3. #3
    Ext GWT Premium Member
    Join Date
    Jul 2010
    Posts
    34
    Vote Rating
    0
    PeterStrong is on a distinguished road

      0  

    Default


    Something along the lines of:

    Code:
    Button fileMenuButton = new Button("File");
    fileMenuButton.addStyleName("bvw-menu-item");
    
    
    .bvw-menu-item {
        font-weight: bold;
    }
    And also tried setting the style directly:

    Code:
    fileMenuButton.setStyleAttribute("font-weight", "bold");
    And also tried modifying the x-btn-text rule:

    Code:
    .x-btn-text {
        font-weight: bold;
    }
    Cheers!

  4. #4
    Sencha User
    Join Date
    Sep 2007
    Posts
    13,971
    Vote Rating
    132
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      0  

    Default


    Try the important flag:

    Code:
    .x-btn-text {
        font-weight: bold !important;
    }

  5. #5
    Ext GWT Premium Member
    Join Date
    Jul 2010
    Posts
    34
    Vote Rating
    0
    PeterStrong is on a distinguished road

      0  

    Default


    Still nothing.

    I realized after that I was using the gxt-gray.css style and thought that it might have been causing a problem. However, even after removing it, I still can't get a bold font.

    Anyway, as I said, it's not a big deal. I can live with things the way are ;-)

    Thanks again.

Similar Threads

  1. Replies: 3
    Last Post: 9 Jan 2012, 2:51 AM
  2. font-weight is not applied when using getRowClass()
    By leandrorc in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 22 Mar 2010, 9:29 AM
  3. Need help on changing inner cell font-weight
    By burbur in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 19 Oct 2009, 11:59 PM
  4. Change font-weight in Grid Row on mouseover
    By kvbisme in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 16 Jul 2009, 6:07 PM
  5. about font-weight
    By jden in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 29 Jan 2008, 5:57 AM

Thread Participants: 1