1. #1
    Sencha User
    Join Date
    Nov 2010
    Posts
    10
    Vote Rating
    0
    SmokerQC is on a distinguished road

      0  

    Default Change font-size on GXT button.

    Change font-size on GXT button.


    Hello, I'm trying to change the font-size of the text on a GXT button but that doesn't work. I tried this way.

    My CSS
    Code:
    .myCSS .x-btn-text {
           font-size: 20px;
    }
    Then, in my code I do myBtn.setStyleName("myCSS");


    Here is the result! font-size is ok but a "normal" button is on top of the GXT button.
    btn.jpg

  2. #2
    Software Architect
    Join Date
    Sep 2007
    Posts
    13,754
    Vote Rating
    113
    sven is just really nice sven is just really nice sven is just really nice sven is just really nice sven is just really nice

      0  

    Default


    setStyleName is clearing out other styles. What you want to do is addStyleName

  3. #3
    Sencha User
    Join Date
    Nov 2010
    Posts
    10
    Vote Rating
    0
    SmokerQC is on a distinguished road

      0  

    Default


    Thank you, it works like a charm!

  4. #4
    Sencha User
    Join Date
    May 2012
    Posts
    49
    Vote Rating
    0
    anmol is on a distinguished road

      0  

    Default


    I have a button 'Cancel' and i want to minimize the font size of the text.
    I am applying the cssClass to the button as shown below:

    button code:
    {xtype: 'button',text: 'Cancel', cls:'btnCancelCls'}

    css class:
    .btnCancelCls
    {
    text-decoration:underline;
    font-size:5px !important;
    }


    but font size of the button text is not affecting,
    can any one help me out in this