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,114
    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,114
    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

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..."