Method insert of a panel not working

[Tioecomp]

Hi all,

I'm trying to insert a panel among others but no matter index I use nothing happens, I used console.log() to see the items at the main panel, at items there is only one component, all my components are inside innerItems. I saw the difference between items and innerItems at the docs. Checking the source of Container.js I saw the method insertInner: function(item, index) I used and my panels are now inserted at innerItems of my main panel, but they are not shown at display, also I saw at Ext.Panel documentaion and there is a method to remove and get innerItems but none to insert.

Can anyone help me ou explain what i'm missing?

[mitchellsimoens]

Could be a layout issue that you aren't using a layout or properly. Code sample maybe?

[Tioecomp]

I have a main panel panelPerguntas that I add several panels (pergunta) on tap event on a button.

Ext.define('SesiApp.view.PanelPerguntas', {
    extend: 'Ext.Panel',
    alias: 'widget.panelperguntas',


    requires: ['SesiApp.view.PanelOpcoes'],


    config: {
        itemId: 'panelperguntas',      
        layout: {
        type: 'vbox',
                },        
        scrollable: {
            direction: 'vertical',
            directionLock: true,                     
    }
});

Ext.define('SesiApp.view.Pergunta', {
    extend: 'Ext.form.Panel',
    alias: 'widget.pergunta',

    config: {
        itemId: 'pergunta',
        width: '100%',      
        layout: {
        type: 'hbox',
                },
        scrollable: false,  
    }
});

The code when I add the panels:

                    panelPerguntas.add({
                            xtype: 'pergunta',                                        
                            items: [                                        
                            {
                                xtype: tipoPergunta,
                                padding: 5,
                                itemId:'campoResposta',
                                label: pergunta.get('valor'),
                                width: '95%',                                
                                labelWidth: '80%',
                                labelWrap: true,                            
                                cls: 'x-form-label-perguntas',
                                value: pergunta.get('resposta'),
                                options: opTions,                        
                            },                                                
                            {
                                xtype: 'button',
                                width: '45px',
                                height: '45px',
                                margin: '10 5',
                                ui: 'mask',
                                border: 0,
                                iconCls: icon,
                                action: 'showOptions',  
                                iconMask: true,    
                                cls: 'btn',    
                                docked: 'right',                        
                                iconAlign: 'center'
                                
                            }
                            ]
                        });
                    } else {
                        panelPerguntas.add({
                            xtype: 'pergunta',
                            
                            items: [
                            {
                                html: pergunta.get('valor')
                            },                                                
                            {
                                xtype: 'button',
                                margin: '10 5',
                                border: 0,
                                width: '45px',
                                height: '45px',
                                ui: 'mask',
                                iconCls: icon,
                                cls: 'btn',
                                action: 'showOptions',
                                docked: 'right',  
                                iconMask: true,                                        
                                iconAlign: 'center'                                
                            }
                            ]                    
                        });