how to integrate multiple widgets (xtypes) in one page

[sachin_solution]

Hi,

I have a requirement, which requires me to create a page(as like siteadmin, dam pages) in CQ with two tabs. Each tab should have a different xtype(siteadmin, useradmin).

I have included these two xtypes. Any one of the xtype is rendering since the both CQ.wcm.SiteAdmin and CQ.security.UserAdmin xtypes are extending same CQ.Ext.Viewport class as per CQ widget API, There should only be one Viewport(xtype) created in a page.

But page has two ViewPorts(siteadmin,useradmin). I don’t know anything about EXT JS. Can some one point me on how to integrate multiple widgets (xtypes) and integrate them into one page/application.

Thanks

[smacdonald2008 · Accepted solution]

Xtypes are used to build dialogs for components that an author uses on author instance to set values for the component. To gain a better understanding of using xtypes and custom xtypes, see these AEM topics:

http://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html

http://docs.adobe.com/docs/en/cq/current/developing/widgets/xtypes.html