Results 1 to 2 of 2

Thread: Ext.Panel.show() method places panel beneath the buttons in visible toolbars/tabpanel

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha Premium Member
    Join Date
    Jun 2013
    Posts
    2

    Default Ext.Panel.show() method places panel beneath the buttons in visible toolbars/tabpanel

    REQUIRED INFORMATION


    Ext version tested:
    • Touch 2.2.1
    Browser versions tested against:
    • Chrome 28
    • FF 22
    • Safari 6.0.5
    DOCTYPE tested against:
    • html (html5)
    Description:
    • Ext.Panel show() method places new panel above toolbars but below the toolbars buttons/icons
    Steps to reproduce the problem:
    • Load supplied example and click "button 1" in the toolbar.
    The result that was expected:
    • show method would over all existing items
    The result that occurs instead:
    • show method covers everything except the buttons/icons in visible toolbars/tabpanels
    Test Case:

    Code:
    Ext.define('MyApp.view.Main', {
        extend: 'Ext.tab.Panel',
        xtype: 'main',
        requires: [
        ],
        config: {
            tabBarPosition: 'bottom',
    
    
        activeItem : 1,
            items: [
            {
                xtype: 'container', 
                html: 'container 1', 
                title:'One', 
                iconCls:'star', 
                items: [
                    {
                        xtype:'toolbar', 
                        docked: 'top', 
                        items:[
                            {
                                text:'Button One',
                                handler: function(){
                                    var el = Ext.create('Ext.Panel', {html:'Hello World!'})
                                    Ext.Viewport.add(el)
                                    el.show();
                                }
                            }
                        ]
                    }
                ]},
            ]
        }
    });


    HELPFUL INFORMATION

    Operating System:
    • OSX 10.8.4 (Mountain Lion)

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,448

    Default

    You're not really using it correctly, if you want to make a floating panel then you need to define a config to make it floating:

    Code:
    var el = Ext.create('Ext.Panel', {
        html   : 'Hello World!',
        top    : 0,
        left   : 0,
        right  : 0,
        bottom : 0
    });
    
    Ext.Viewport.add(el);
    
    el.show();
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

Tags for this Thread

Posting Permissions

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