Disable Horizontal Scrollbar in a Tabpanel

[axelaxel]

hello,
i have a tab panel, and a problem too.
i don't want in anycase that appears a horizontal scrollbar.

because when my content are more than a tab, in one of my tab of the tab panel, the vertical scrollbar appears, but the horizontal one too.

i don't want it, it's unuseful and horrible to see.

has someone any ideas?

thank you


axel

[mjlecomte]

post your code.

[axelaxel]

Ext.onReady(function(){
    // basic tabs 1, built from existing content
    var tabs = new Ext.TabPanel({
        renderTo: 'tabs_anagrafica',
        width:505,
        height:480,
        activeTab:0,
        frame:true,
        defaults:{autoHeight: true},
        autoScroll:true,
        animScroll:false,
        //autoWidth:true,
        items:[
            {contentEl:'p_div', title: 'Profile'},
            {contentEl:'c_div', title: 'Contacts'},
            {contentEl:'o_div', title: 'Operators'}
        ]
    });
    
    
    function handleActivate(tab)
    {
        alert(tab.title + ' was activated.');
    }
});

[Animal]

So if the content overflows, you just want it hidden and inaccessible?

BTW, do not use autoScroll: true on a TabPanel. You don't need autoScroll, a TabPanel fits its child Panels to fix inside itself exactly with no scrolling.

[axelaxel]

sorry, i had to explain something more.
i had static tables with fixed width that can appear or disappear depending on user choice.
so my only useful scrollbar is the vertical one.
the horizontal is not needed, because there is a lot of space beside.
the tables take up only vertical spaces.

so i need

autoscroll : true

, because setting it to false, at my fourth table in the panel i have over content, that i cannot see without a vertical scrollbar.

but i don't want both vertical and horizontal too. the horizontal is not necessary.

i hope to have been clearer now

[Animal]

I don't understand a thing.

Signing off...

[axelaxel]

here there's the tabpanel, with the dynamic tables taking space on a vertical direction and at the bottom of the panel there's the horizontal scrollbar i don't want to show.

is it possible hiding the horizontal scrollbar?

[HCammus]

set <div id="tabs_anagrafica" style="overflow-x:hidden;"> is possible work for u

[Animal]

But your content obviously does overflow the available area, so you need the scrollbars.

If you really want the offscreen stuff to be unavailable to the user, set c_div to have overflow: hidden.

[axelaxel]

But your content obviously does overflow the available area, so you need the scrollbars.

If you really want the offscreen stuff to be unavailable to the user, set c_div to have overflow: hidden.

My content doesn't overflow,
you see an overflow because it uses the entire space available.
but even if i reduce the content width to 50%, horizontal scrollbar appears again.
so i deduce it's not a width problem.

it seems like horizontal scrollbar comes out because the vertical one uses some horizontal space to appear.

i checked with firebug (v 1.2.0), and inside the contacts div there are no object so large to explain the horizontal scrollbar

anyway, the hidden-overflow-solutions don't work. i have my horizontal tab always visible.

other ideas?

thank you again