gistfile1.js

Ext.define("onthebar.view.Main", {
    extend: 'Ext.Container',
    requires: ['Ext.TitleBar','onthebar.view.SignIn'],
    id: 'viewport',

    config: {
        title: 'onthebar',
        layout: {
            type: 'card'
        },
        fullscreen: true,
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                title: 'onthebar'
            },
            {
                xclass: 'onthebar.view.SignIn',
            }
        ]
    }
});




Ext.define('onthebar.view.SignIn', {
    extend: 'Ext.Container',
    requires: ['onthebar.view.signIn.Form'],

    config: {
        padding: 20,
        layout: 'fit',

        items: [
            {
                xclass: 'onthebar.view.signIn.Form'   
            },
        ]
    },
});