PHP Code:
Ext.onReady(function () {
Ext.tip.QuickTipManager.init();
// create some portlet tools using built in Ext tool ids
var tools = [{
type: 'gear',
handler: function () {
Ext.Msg.alert('Message', 'The Settings tool was clicked.');
}
}, {
type: 'close',
handler: function (e, target, panel) {
panel.ownerCt.remove(panel, true);
}
}];
Ext.create('Ext.Viewport', {
layout: 'fit',
items: [{
xtype: 'grouptabpanel',
activeGroup: 0,
items: [
{
mainItem: 0,
items: [{
title: 'Help Pages',
//border: false,
xtype: 'panel',
items:[{title:'hi'}],
height: null
},{
title: 'Using the Tool',
//border: false,
xtype: 'gridportlet',
height: null
},{
title: 'How To...',
style: 'padding: 10px;',
border: false,
layout: 'fit',
items: [{
xtype: 'tabpanel',
activeTab: 1,
items: [{
title: 'Nested Tabs',
html: '<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, '+
'sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales '+
'non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet '+
'tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla.</p>'
}]
}]
},{
xtype: 'portalpanel',
title: 'FAQ',
tabTip: 'Dashboard tabtip',
border: false,
items: [{
flex: 1,
items: [{
title: 'Portlet 1',
html: '<div class="portlet-content"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, '+
'sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales '+
'non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet '+
'tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla.</p></div>'
},{
title: 'Stock Portlet',
items: {
xtype: 'chartportlet'
}
},{
title: 'Portlet 2',
html: '<div class="portlet-content"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, '+
'sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales '+
'non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet '+
'tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla.</p></div>'
}]
}]
}]
}
,
{
items: [{
title: 'Quick Reference',
style: 'padding: 10px;',
items:[{
xtype:'form',// since we are not using the default 'panel' xtype, we must specify it
layout: 'anchor',
defaults: {
anchor: '100%'
},
// The fields
defaultType: 'textfield',
items: [{
fieldLabel: 'First Name',
name: 'first',
allowBlank: false
},{
fieldLabel: 'Last Name',
name: 'last',
allowBlank: false
}],
// Reset and Submit buttons
buttons: [{
text: 'Test'
}]
}]
}, {
title: 'Lookup',
style: 'padding: 10px;',
border: false,
items:{
xtype: 'form', // since we are not using the default 'panel' xtype, we must specify it
buttons: [{text: 'Save'},{text: 'Cancel'}]
}
}]
}]
}]
});
});