Mega Code Archive
Set xtype to panel for Viewport
<![CDATA[
<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>
</head>
<script type="text/javascript">
Ext.onReady(function() {
Ext.QuickTips.init();
var viewport = new Ext.Viewport({
layout: "border",
id: 'movieview',
renderTo: document.body,
items: [{
region: "north",
xtype: 'panel',
html: 'North'
},{
region: 'west',
xtype: 'panel',
split: true,
collapsible: true,
collapseMode: 'mini',
title: 'Some Info',
bodyStyle:'padding:5px;',
width: 200,
minSize: 200,
html: 'West'
},{
region: 'center',
xtype: 'tabpanel',
activeTab: 0,
items: [{
title: 'Grid',
html: 'Center'
}]
},{
region: 'east',
xtype: 'panel',
split: true,
width: 200,
html: 'East'
},{
region: 'south',
xtype: 'panel',
html: 'South'
}]
});});
</script>
<body>
</body>
</html>
]]>