1. #1
    Sencha User
    Join Date
    Oct 2009
    Posts
    22
    Answers
    1
    Vote Rating
    0
    benshort is on a distinguished road

      0  

    Default Answered: How to alter tab height

    Answered: How to alter tab height


    Hi,

    I'm trying to add an icon to my tab panel tabs using the iconCls config param. As you can see in the screen shot the tab's height is not large enough and the icon gets cropped.

    How can I increase the height of the tab?

    Regards

    Ben
    Attached Images

  2. Seems that this is a bug. More details bellow.
    http://www.sencha.com/forum/showthre...Cls-height-bug

  3. #2
    Ext JS Premium Member tvanzoelen's Avatar
    Join Date
    Apr 2008
    Location
    Groningen - Netherlands
    Posts
    1,111
    Answers
    83
    Vote Rating
    30
    tvanzoelen has a spectacular aura about tvanzoelen has a spectacular aura about tvanzoelen has a spectacular aura about

      0  

    Default


    Maybe you can specify it in your tab config like this,

    Code:
    tabConfig: {
                title: 'Custom Title',
                tooltip: 'A button tooltip',
                height: 50
            }
    you put that config on your panel that is added to the tab. You can also set your icon overthere.

  4. #3
    Sencha User
    Join Date
    Oct 2009
    Posts
    22
    Answers
    1
    Vote Rating
    0
    benshort is on a distinguished road

      0  

    Default


    Adding that config results in the tab becoming higher but the tab bar's height stays the same.
    Attached Images

  5. #4
    Ext JS Premium Member tvanzoelen's Avatar
    Join Date
    Apr 2008
    Location
    Groningen - Netherlands
    Posts
    1,111
    Answers
    83
    Vote Rating
    30
    tvanzoelen has a spectacular aura about tvanzoelen has a spectacular aura about tvanzoelen has a spectacular aura about

      0  

    Default


    ah fun!... add this to your tabpanels config then

    tabBar: {
    height: 75
    }

    the tabConfig is not needed anymore I think.

  6. #5
    Sencha User
    Join Date
    Oct 2009
    Posts
    22
    Answers
    1
    Vote Rating
    0
    benshort is on a distinguished road

      0  

    Default


    Quote Originally Posted by tvanzoelen View Post
    ah fun!... add this to your tabpanels config then

    tabBar: {
    height: 75
    }

    the tabConfig is not needed anymore I think.
    Sadly that doesn't work either. See attached picture.

    tab_issue_3.png

  7. #6
    Sencha User
    Join Date
    Oct 2009
    Posts
    22
    Answers
    1
    Vote Rating
    0
    benshort is on a distinguished road

      0  

    Default


    Seems that this is a bug. More details bellow.
    http://www.sencha.com/forum/showthre...Cls-height-bug

  8. #7
    Sencha User
    Join Date
    Aug 2013
    Posts
    1
    Vote Rating
    0
    baalking is on a distinguished road

      0  

    Default a solution

    a solution


    tabBar: {
    height: 35,
    defaults: {
    height: 31
    }
    }

Thread Participants: 2