Problem with Ext.form.Panel

[zozo4kin]

I don't undestand why formpanel is hidden!!!

Ext.define('MyApp.view.MyFormPanel', {
    extend: 'Ext.form.Panel',


    config: {
        items: [
            {
                xtype: 'fieldset',
                title: 'MyFieldSet',
                items: [
                    {
                        xtype: 'textfield',
                        label: 'Field'
                    },
                    {
                        xtype: 'textfield',
                        label: 'Field'
                    }
                ]
            }
        ]
    }


});

But panel is empty!!! I don't see something on the screen. Why?

[mitchellsimoens]

Is it a child of a container or the viewport?

[zozo4kin]

child of navigationview!

[mitchellsimoens]

A direct child or nested?

I added a xtype to the form you have above and did this and it worked

new Ext.navigation.View({
    fullscreen : true,
    items      : [
        {
            xtype : 'myformpanel'
        }
    ]
});

[zozo4kin]

Ext.define("MyApp.view.Main", {
    extend: 'Ext.navigation.View',
    requires: ['MyApp.view.Home'],
    alias: 'navigationview',
    id: 'navView',
    
    config: {      
        items: [
            {
                xtype: 'homepanel'
            }
        ]
    }

})

Ext.define('MyApp.view.Home', {
    extend: 'Ext.Panel',
    xtype: 'homepanel',
    
    requires: [
    ],
    
    initialize: function() {
        this.callParent(arguments);
        
        
        var form = {
            xtype: 'formpanel',
            items: [
                {
                    xtype: 'textfield',
                    name: 'name',
                    label: 'Name'
                },               
                {
                    xtype: 'passwordfield',
                    name: 'password',
                    label: 'Password'
                }
            ]
        };
        
        
        this.add([
            form
        ]);
    },
    
    config: {
        title: 'Home'
     }
})

this doesn't work. I don't see formpanel! It is hidden.

[mitchellsimoens]

It's not hidden, just has no height. You either need to use a layout like fit on the MyApp.view.Home class or give the form a height.

[zozo4kin]

var form = {
            xtype: 'formpanel',
            height: 800,
            items: [
                {
                    xtype: 'textfield',
                    name: 'name',
                    label: 'Name'
                },                
                {
                    xtype: 'passwordfield',
                    name: 'password',
                    label: 'Password'
                }
            ]
        };

this also doesn"t work =(((

[mitchellsimoens]

Inspect the DOM and see what's going on for you.