Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: Disable Horizontal Scrollbar in a Tabpanel

  1. #1
    Sencha User axelaxel's Avatar
    Join Date
    Sep 2008
    Location
    Italy
    Posts
    86

    Default Disable Horizontal Scrollbar in a Tabpanel

    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

  2. #2

  3. #3
    Sencha User axelaxel's Avatar
    Join Date
    Sep 2008
    Location
    Italy
    Posts
    86

    Default

    Code:
    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.');
        }
    });

  4. #4
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    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.

  5. #5
    Sencha User axelaxel's Avatar
    Join Date
    Sep 2008
    Location
    Italy
    Posts
    86

    Default

    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
    Code:
    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

  6. #6
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    I don't understand a thing.

    Signing off...

  7. #7
    Sencha User axelaxel's Avatar
    Join Date
    Sep 2008
    Location
    Italy
    Posts
    86

    Default

    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?



  8. #8
    Sencha User HCammus's Avatar
    Join Date
    Sep 2007
    Location
    Colombia
    Posts
    80

    Default

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

  9. #9
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    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.

  10. #10
    Sencha User axelaxel's Avatar
    Join Date
    Sep 2008
    Location
    Italy
    Posts
    86

    Default

    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

Page 1 of 2 12 LastLast

Posting Permissions

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