Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    20
    Vote Rating
    1
    Shadin_a is on a distinguished road

      0  

    Default Auto width and bottom toolbar conflicts

    Auto width and bottom toolbar conflicts


    Ext version tested:
    • Ext 4.0.7
    Browser versions tested against:
    • Chrome 21
    DOCTYPE tested against:
    • Ext.toolbat.ToolBar : bottom toolbar hides when panel sit to auto width
    Description:
    • Describe the problem in greater detail here, summarizing the behavior.
    Steps to reproduce the problem:
    • Panel with border layout contains top toolbar and a center panel and a south panel
    • The center panel contains a bottom (dock: bottom) toolbar
    • When main Panel sit to auto width, the bottom toolbar in the center panel hides!!
    The result that was expected:
    • the bottom toolbar must be shown!
    The result that occurs instead:
    • the bottom toolbar hid when sit main panel to auto width
    Test Case:
    Code:
       
    
    Ext.define('MyApp.view.MyPanel', {
        extend: 'Ext.panel.Panel',
    
    
        height: 250,
        id: 'Main',
        //width: 400,
        layout: {
            type: 'border'
        },
        title: 'My Panel',
    
    
        initComponent: function() {
            var me = this;
    
    
            Ext.applyIf(me, {
                dockedItems: [
                    {
                        xtype: 'toolbar',
                        dock: 'top',
                        items: [
                            {
                                xtype: 'button',
                                id: 'btn',
                                text: 'MyButton'
                            }
                        ]
                    }
                ],
                items: [
                    {
                        xtype: 'panel',
                        region: 'center',
                        id: "center",
                        title: 'My Panel',
                        dockedItems: [
                            {
                                xtype: 'toolbar',
                                dock: 'bottom',
                                items: [
                                    {
                                        xtype: 'button',
                                        text: 'MyButton'
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        xtype: 'panel',
                        region: 'south',
                        height: 50,
                        hidden: true,
                        id: 'south',
                        title: 'My Panel'
                    }
                ]
            });
    
    
            me.callParent(arguments);
        }
    
    
    });

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,000
    Vote Rating
    650
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    This is already resolved in the latest release, there were a whole bunch of layout improvements in 4.1.x. Marking as closed.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Thread Participants: 1

Tags for this Thread