Javascript-форум - Расположение контейнеров на странице

Нужно, чтобы приложение открывалось на всю страницу, и в нем были 2 колонки - первая фиксированной ширины в пикселях, а вторая - оставшаяся по ширине часть экрана. Колонки должны занимать всю высоту страницы.

У меня получается сделать только с изменяющейся шириной обеих колонок, в %.

Ext.application({
    name: 'Kiosk',
    //appFolder: 'app',

    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'hbox',
            items: [
                {
                    xtype: 'panel',
                    border:false,
                    layout:'hbox',
                    width:'20%',
                    height:'100%',
                    bodyStyle:{"background-color":"rgba(100,0,100,.2)"},
                }, {
                    xtype: 'panel',
                    layout: {             
                        type: 'vbox',
                        align: 'right'
                    },
                    border:false,
                    width:'80%',
                    height:'100%',
                    bodyStyle:{"background-color":"rgba(100,0,100,.4)"},
                    html : '<p style="text-align:right;">List of users will go here</p>',

                }
            ]
        });
    }
});