Extract from app.js

app.js

// How can I modify my viewport (maybe use a Panel instead?) to render to my <div>  ???

       var queueMonitorPanel = Ext.create('Ext.Viewport', {
//            renderTo    : 'queue-monitor-container', // This is the <div> I want to render to
            id          : 'MyQueueMonitorGrid',
            stateId     : 'queue_monitor_grid',
            layout: {
                type: 'border',
                padding: 1
            },
            defaults: {
                split: true
            },
            items: [{
                region: 'center',
                layout: {
                    type: 'vbox',
                    padding: 0,
                    align: 'stretch'
                },
                items: [{
                    xtype: 'queuegrid',
                    itemId: 'queuegrid',
                    invalidateScrollerOnRefresh: false,
                    store: queueStore
                }]
            },{
                region: 'east',
                width: '50%',
                layout: {
                    type: 'vbox',
                    padding: 0,
                    align: 'stretch'
                },
                items: [{
                    xtype: 'queueagentgrid',
                    itemId: 'queueagentgrid',
                    store: queueAgentStore,
                    flex: 1
                },{
                    xtype: 'queuecallergrid',
                    store: queueCallerStore,
                    flex: 1
                }],
                //defaults:{margins:'0 0 5 0'},
            }]
        });