Results 1 to 5 of 5

Thread: enableTabScroll causing failure!

  1. #1
    Ext User
    Join Date
    Jun 2007
    Posts
    48

    Default enableTabScroll causing failure!

    I have the following layout built in an AIR application.

    If I add enableTabScroll: true to the TabPanel in the center region below, the application fails. I am not quite sure why, but it does.

    Also,

    If I add and REMOVE enableTabScroll, it fails as well:

    PHP Code:
    resizeTabs:true
    Here is the full layout below, if anyone sees anything glaring, please let me know, because Im trying all kinds of things, and just not hitting the nail on the head.

    PHP Code:
            viewport = new Ext.Viewport({
                
    layout'border',
                
    monitorResizefalse,
                
    items: [new Ext.BoxComponent({ // raw
                    
    region'north',
                    
    el'north'
                    
                
    }), 
                {
                    
    region'center',
                    
    titlebarfalse,
                    
    collapsiblefalse,
                    
    layout'fit',
                    
    margins'0 0 5 0',
                
                    
    items: new Ext.TabPanel({
                        
    renderTo'tabs',
                        
    //resizeTabs:true, // turn on tab resizing
                           //minTabWidth: 115,
                        //tabWidth:135,
                        //enableTabScroll: true,
                        
    borderfalse,
                        
    activeTab'tab_main',
                        
    tabPosition'bottom',
                        
    id'tabs',
                        
    //defaults: {autoScroll:true},
                        
    items: [{
                            
    html'<p>Hello world.</p>',
                            
    title'Main',
                            
    autoScrolltrue,
                            
    id'tab_main'
                            
    }]
                        })
                },
             {
                    
    region'east',
                    
    title'East Side',
                    
    collapsibletrue,
                    
    splittrue,
                    
    width225,
                    
    resizeabletrue,
                    
    minSize175,
                    
    layout'fit',
                    
    margins'0 5 5 0',
                    
    items: new Ext.TabPanel({
                        
    borderfalse,
                        
    activeTab1,
                        
    tabPosition'bottom',
                        
    items: [{
                            
    html'<p>A TabPanel component can be a region.</p>',
                            
    title'A Tab',
                            
    autoScrolltrue
                        
    }, new Ext.grid.PropertyGrid({
                            
    title'Property Grid',
                            
    closabletrue,
                            
    source: {
                                
    "(name)""Properties Grid",
                                
    "grouping"false,
                                
    "autoFitColumns"true,
                                
    "productionQuality"false,
                                
    "created": new Date(Date.parse('10/15/2006')),
                                
    "tested"false,
                                
    "version"'.01',
                                
    "borderWidth"1
                            
    }
                        })]
                    }),
                    
    monitorResizetrue
                
    }, {
                    
    region'west',
                    
    id'west-panel',
                    
    //title: 'Main menu',
                    
    splittrue,
                    
    width200,
                    
    minSize175,
                    
    // maxSize: 400,
                    
    collapsibletrue,
                    
    margins'0 0 5 5',
                    
    layout'accordion',
                    
    layoutConfig: {
                        
    animatetrue
                    
    },
                    
    items: [{
                        
    contentEl'west',
                        
    title'Forms',
                        
    borderfalse,
                        
    iconCls'mainMenuForms',
                        
    margins'5 5 5 5'
                    
    }, {
                        
    title'Settings',
                        
    html'<p>Some settings in here.</p>',
                        
    borderfalse,
                        
    iconCls'mainMenuSettings'
                    
    },
                    {
                        
    title'Feeds',
                        
    html'<p>Some settings in here.</p>',
                        
    borderfalse,
                        
    iconCls'mainMenuFeeds'
                    
    },
                    {
                        
    title'...and more',
                        
    html'<p>Some settings in here.</p>',
                        
    borderfalse,
                        
    iconCls'mainMenuSettings'
                    
    }]
                }]
            }); 
    Thanks in advance!

    Trops
    Last edited by trops; 1 Dec 2007 at 9:15 AM. Reason: resizeTabs causes problem

  2. #2
    Sencha User hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,966

    Default

    tabScrolling is only supported for 'top' tabs.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  3. #3
    Ext User
    Join Date
    Jun 2007
    Posts
    48

    Default upon further investigation....

    Found out this is a bug in 2.0. TabPosition: 'top' fixes this. Bottom tab position is not yet supported...

    Sorry for the inconvenience!

  4. #4
    Sencha User hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,966

    Default

    I have an override lying around for 'bottom' support, but I'm still tweaking the CSS for it.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  5. #5
    Ext User
    Join Date
    Jun 2007
    Posts
    48

    Default sounds excellent...

    I would love to hear it when you have it ready...also when using top position the styles for the top tabs are seemingly not correct. what I mean is the left piece of the tabs are showing for the "down" state when they should be for the up state...something just seems off...

Posting Permissions

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