My word! No one ever answered this??? Sad...
Anyhow, here is what i did..!
I simply included the files INSIDE the classes folder (without the classes.js)
Then I added a normal tab panel and I simply added the items as follows. I am no fundi, so i am pretty sure there are easier ways, but here it goes:
var portalContent = [
{
id: 'app-portal',
xtype: 'portalpanel',
border: 0,
items: [{
items: [{
title: 'Grid Portlet',
items: Ext.create('Ext.app.GridPortlet')
},{
title: 'Portlet 2',
html: '<div class="portlet-content">fgfgfegt</div>'
}]
},{
items: [{
title: 'Portlet 3',
html: '<div class="portlet-content">fgfgfegt</div>'
}]
},{
items: [{
title: 'Stock Portlet',
items: Ext.create('Ext.app.ChartPortlet')
}]
}]
}
];
me.down('#tabDashboard').add({
id: 'app-viewport',
xtype: 'panel',
border: 0,
layout: 'fit',
items: [
portalContent
]
});
Hope this helps...! Also if anyone out there has easier ways or rather better ways, please contribute to this..!
All the best...
Mihai