Can't set panel width or heoght.

[khajvah]

Hello people,

I am quite new to extjs and js, so i decided to make a simple website to practice. I decided to make whole website with extjs (panels with some html/css) and use MVC.I started with navigation bar, which is panel with html/css, but i cant set its width or height.

Ext.define('ws.view.view.menu', { 	extend: 'Ext.panel.Panel', 
	
	alias: 'widget.nav', //so i can use xtype


	width: 200, // this is not working...
	html: '<p>navbar's html and css will go here</p>'
});

Ext.application({    requires: ['Ext.container.Viewport'],
    name: 'ws',


    appFolder: 'app',


    controllers: ['main'], 


    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    xtype: 'nav',
                    // i tried to set height and wiidth here but again no help.
                }
            ]
        });
    }
});

Please, tell me, how can i do what i want and also, please, tell me if it is good idea to design whole website with extjs like i want to do...

[tobiu]

you are putting your panel into a container (viewport) with layout:'fit' which means max availbale size. the layout manager has a higher priority than the sizes you specify manually.

please use the correct forums -> ext 4 qa for this one.

[khajvah]

Thanks you very much, and sorry for wrong place(i didnt see ext4 qa)