Code:
Ext.onReady(function(){
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
var viewport = new Ext.Viewport({
layout:'border',
items:[
{
region:'south',
contentEl: 'south',
collapsible: false,
height: 0,
minSize: 0,
maxSize: 20,
title:'Copyright 2005-2007 .',
margins:'0 0 0 0'
},
{
region:'north',
contentEl: 'north',
height: 156,
collapsible: false,
bbar:[{
text:'My Account',
tooltip:'My Account',
iconCls:'tb-myacct',
html: '<a href="mpsadmin.asp?xsl=VC/CallDetailReport&mps=VC/GetCallDetailReport</a>'
}, '-', {
text:'Manage Organization',
tooltip:'Manage Organization',
iconCls:'tb-manageorg',
html: '<a href="mpsadmin.asp?xsl=VC/CallDetailReport&mps=VC/GetCallDetailReport</a>'
},'-',{
text:'Reporting',
tooltip:'tb-reporting',
iconCls:'reporting',
html: '<a href="mpsadmin.asp?xsl=VC/CallDetailReport&mps=VC/GetCallDetailReport</a>'
},'-',
{
text:'Administration',
tooltip:'Administration',
iconCls:'tb-administration',
html: '<a href="mpsadmin.asp?xsl=AXL/UserSearch&mps=AD/OUProperties</a>'
},'-',
{
text:'Inventory',
tooltip:'Inventory',
iconCls:'tb-Inventory',
html: '<a href="mpsadmin.asp?xsl=Inventory/Carrier&mps=Inventory/GetCarrier</a>'
},'-',
{
text:'Support',
tooltip:'Support',
iconCls:'tb-support'
},'-',{
text:'Search',
tooltip:'Search',
iconCls:'tb-search',
html: '<a href="mpsadmin.asp?xsl=Search/CompanySearch&mps=AD/OUProperties</a>'
},'-',{
text:'Log Out',
tooltip:'Log Out',
iconCls:'tb-logout',
html: '<a href="SessionLogout.htm</a>'
}],
}, {
region:'east',
contentEl: 'east',
collapsible: true,
title: 'Online Help',
split:true,
autoScroll:true,
width: 225,
minSize: 175,
maxSize: 400,
layout:'fit',
margins:'0 5 0 0'
},{
region:'west',
id:'west-panel',
contentEl: 'west',
title: 'Menu',
split:true,
autoScroll:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 5',
layout:'accordion'
},{
region:'center',
contentEl:'center',
layout:'fit',
title: true,
collapsible: false,
autoScroll:true
}
]
});
});