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
    Software Architect
    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
    Software Architect
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi