Panel & Viewport

[Ang15]

Вопрос по работе в качестве галереи изображений Panel и Viewport. В первом случае (с Panel) не грузится, во втором (с Viewport), вроде как работает. Притом интерпретатор JavaScript ошибок не выдаёт.
Код для Viewport (работающий):

(function(){
	var Gallery_Store = Ext.create('Ext.data.JsonStore', {
		proxy: {
			type: 'ajax',
			url: 'app/get-images.sh',
			reader: {
				type: 'json',
				root: 'images',
				idProperty: 'name'
			}
		},
		fields: ['name', 'url']
	});
	Gallery_Store.load();
	
	var gallery = Ext.create('Ext.container.Viewport', {
		items: [
		{
			region: 'north',
			height: 95,
			width: screen.width,
			html: '<p align=center>Welcome to the gallery</p>'
		},
		{
			region: 'center',
			height: screen.height,
			autoScroll: true,
			items: Ext.create('Ext.view.View', {
				store: Gallery_Store,
				tpl: [
					'<ul class="hoverbox">',
						'<tpl for=".">',
							'<li><a href="#"><img src={url} /></a></li>',
						'</tpl>',
					'</ul>'
				]
			}
			)
		}],
	});
})();

Код для Panel:

(function(){
	var Gallery_Store = Ext.create('Ext.data.JsonStore', {
		proxy: {
			type: 'ajax',
			url: 'app/get-images.sh',
			reader: {
				type: 'json',
				root: 'images',
				idProperty: 'name'
			}
		},
		fields: ['name', 'url']
	});
	Gallery_Store.load();
	
	var gallery = Ext.create('Ext.panel.Panel', {
		items: Ext.create('Ext.view.View', {
			store: Gallery_Store,
			tpl: [
				'<ul class="hoverbox">',
					'<tpl for=".">',
						'<li><a href="#"><img src={url} /></a></li>',
					'</tpl>',
				'</ul>'
			]
		})
	});
	gallery.show();
})();

Пример оформления брал из этого источника - http://dev.sencha.com/deploy/ext-4.1...w/data-view.js. Что я мог пропустить во втором (неработающем) варианте?

[Ang15]

Прощу прощения за тупость. ) Код правильный, но панель невидимая, т.к. не указаны параметры ширины и высоты.