Results 1 to 7 of 7

Thread: How to alter tab height

  1. #1
    Sencha User
    Join Date
    Oct 2009
    Posts
    22
    Answers
    1
    Vote Rating
    0
      0  

    Default 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 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,154
    Answers
    87
    Vote Rating
    34
      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
      0  

    Default

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

  5. #4
    Ext JS Premium Member tvanzoelen's Avatar
    Join Date
    Apr 2008
    Location
    Groningen - Netherlands
    Posts
    1,154
    Answers
    87
    Vote Rating
    34
      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
      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
      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
      0  

    Default a solution

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

Posting Permissions

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