Page 2 of 2 FirstFirst 12
Results 11 to 14 of 14

Thread: Tab styling variance from 4.1.1 to 4.2

  1. #11
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,608
    Vote Rating
    59
      0  

    Default

    Or, in your Application's SASS, override the vars which set these things:

    The grey theme has these settings:

    Code:
    $tab-base-color: #eaeaea !default;
    $tab-base-color-disabled: #eeeeee !default;
    
    $tab-color-active: #333333 !default;
    $tab-color-disabled: #b7b7b7 !default;
    
    $tab-border-color-disabled: #dadada !default;
    
    $tab-background-gradient: color-stops(#dcdcdc, #eaeaea) !default;
    $tab-background-gradient-over: color-stops(#ffffff, #f0f0f0) !default;
    $tab-background-gradient-active: color-stops(#ffffff, #eaeaea) !default;
    $tab-background-gradient-disabled: color-stops(#eeeeee, #f4f4f4) !default;
    You can customize your application's built CSS by setting new values for these,

  2. #12
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    78
    Vote Rating
    9
      0  

    Default

    http://www.sencha.com/learn/theming/

    We are not using themes, just straight CSS. I guess we should look into this. Thanks!

  3. #13
    Sencha User
    Join Date
    Nov 2007
    Posts
    147
    Vote Rating
    9
      0  

    Default

    How specifically can I get the Active tab to display bold and other tabs not bold?

    This behavior changed in 4.x but I was able to add the following css to revert back to 3.x style.

    .x-tab button {
    font-weight: normal;
    }
    .x-tab-active button {
    font-weight: bold;
    }

    This css no longer works in 4.2.

  4. #14
    Sencha Premium Member i.stojanovic's Avatar
    Join Date
    Oct 2010
    Location
    Kragujevac, Serbia
    Posts
    24
    Vote Rating
    1
      0  

    Default tab style for 4.2.1

    Code:
    /* reset tab styles for ExtJS 4.2.1 */
    .x-tab .x-tab-inner { font-weight: normal; color:#6F98CE; }
    .x-tab-over .x-tab-inner { font-weight: normal; color:#3764A0; }
    .x-tab-active .x-tab-inner { font-weight:bold; color:#3764A0; }
    www.codelighter.com
    There are 10 types of people in this world, those who understand binary and those who dont

Page 2 of 2 FirstFirst 12

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •