1. #1
    Sencha Premium Member sencha-dev2's Avatar
    Join Date
    Jun 2012
    Location
    France
    Posts
    59
    Vote Rating
    0
    Answers
    2
    sencha-dev2 is on a distinguished road

      0  

    Question Answered: TabPanel's tabbar is not sizing

    Answered: TabPanel's tabbar is not sizing


    Hi, I have got a little problem with the headers in my tabpanel. I have to display two-lined written titles, but I can't manage to resize the header, so it doesn't show right. Any ideas ?

  2. You may have to tweak it a little, but you get the idea:
    http://jsfiddle.net/eGVqR/

    Scott.

  3. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,154
    Vote Rating
    475
    Answers
    685
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Please create a small working example to help us understand the problem. You can use the example in API docs as a starting point.

    Scott.

  4. #3
    Sencha Premium Member sencha-dev2's Avatar
    Join Date
    Jun 2012
    Location
    France
    Posts
    59
    Vote Rating
    0
    Answers
    2
    sencha-dev2 is on a distinguished road

      0  

    Default


    Sorry, I didn't figure out.

    Here's a code sample :

    Code:
    Ext.create('Ext.tab.Panel', {
        width: 300,
        height: 200,
        activeTab: 1,
        items: [
            {
                title: 'Tab 1',
                bodyPadding: 10,
                html : 'A simple tab'
            },
            {
                title: '<font color="blue">Foo</font><br /><font color="red">Bar</font>',
                html : 'The tab which is causing problem'
            }
        ],
        renderTo : Ext.getBody()
    });
    And here's the result :

    imgOngletDefectueux.png

    You can see that the tab isn't properly displayed, and I can't figure out about how I could fix it. The separator between the tabBar and the tabBody resizes, but the tabBar itself doesn't.

    Please help

  5. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,154
    Vote Rating
    475
    Answers
    685
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    You may have to tweak it a little, but you get the idea:
    http://jsfiddle.net/eGVqR/

    Scott.

  6. #5
    Sencha User
    Join Date
    Mar 2012
    Location
    Seattle
    Posts
    9
    Vote Rating
    0
    markbjerke is on a distinguished road

      0  

    Default Works great thanks!

    Works great thanks!


    Thanks so much, exactly what I needed.
    mark

  7. #6
    Sencha Premium Member sencha-dev2's Avatar
    Join Date
    Jun 2012
    Location
    France
    Posts
    59
    Vote Rating
    0
    Answers
    2
    sencha-dev2 is on a distinguished road

      0  

    Cool


    I'm grateful, thank you very much ! It finally works fine for me, so I can continue on, thanks again.

Thread Participants: 2

Tags for this Thread