Hi,

I'm trying to add element to a panel. I can see the elements in the items array but they either not displayed at all or only one of them is displayed filling up the entire display.

My panel is defined as:
Code:
Ext.define('WeFindEmulator.view.Main', {
    extend: 'Ext.Panel',
    xtype: 'Main',
    id: 'WeFindEmuMain',
    
    config: {
        fullscreen: true,

        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        items: [
            {
                docked: 'top',
                xtype: 'titlebar',
                title: 'Emulator Runner'
            }
        ]
    }
});
The element I'm trying to add is:
Code:
Ext.define('WeFindEmulator.view.MemberEmulator', {
    extend: 'Ext.Panel',
    xtype: 'MemberEmulator',

    config: {
        layout: 'vbox',


        styleHtmlContent: true,
        scrollable: true,
        
        items: [
            {
                xtype: 'fieldset',
                title: 'About You',
                instructions: '------------------ Stoped -------------------',
                items: [
                    {
                        xtype: 'button',
                        text: 'Start',
                        name : 'firstName',
                        handler: function (){........}
                    },
                    {
                        xtype: 'button',
                        text: 'Stop',
                        name : 'lastName',
                        handler: function (){........}
                    }
                ]
            }
        ]
    },
});
And I'm looping an array to add elements of xtype: 'MemberEmulator' in to the panel.
Code:
for (var Index in Members){
    var tmpEL = Ext.create('WeFindEmulator.view.MemberEmulator');
    tmpEL.setFlex(1);
    Ext.getCmp('WeFindEmuMain').add(tmpEL);
    Ext.Viewport.setActiveItem(tmpEL);
}
Who can I add element to a panel so they will show one below the other using their flex ?

Thanks

Erez