Custom widget(xtype) not loading in AEM 6.1-Touch UI | Community
Skip to main content
New Participant
Oct 16, 2015 2:28 AM UTC
Solved

Custom widget(xtype) not loading in AEM 6.1-Touch UI

Hi,

I have created a custom  multifield widget  in AEM 5.6.1  and using that in one of the component.

It was working fine in AEM 5.6.1 .Now the environment is upgraded to AEM 6.1

 

If i try to access the dialog through AEM 6.1 Touch UI, the custom widget has stopped loading and logs an error as below.

Uncaught cannot create Component: xtype 'TagCrumbWidgetDropDown' not found and no default supplied

 

But if i try to access the dialog in AEM 6.1 Classic UI ,the custom widget(xtype) is loading  and working perfectly.

 

Should i have to change the implementation to create a custom widget(using granite UI) in AEM 6.1

How can i make my custom widget to load in AEM 6.1-Touch UI ?

 

Thanks,

Vinay

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
smacdonald2008
smacdonald2008Accepted solution
Level 10
Oct 16, 2015 2:28 AM UTC

8 replies

Pawan-Gupta
Level 8
Nov 16, 2017 8:32 PM UTC

above document i went through but it did not explain how i can use because once i created touchUI dialog using xtype, its not working. Now looking for any approach to make it work without writing same xtype again using coral/granite api.

Translate
smacdonald2008
Level 10
Nov 15, 2017 6:58 PM UTC

You can use a custom xtype in a TOuch UI dialog - but is much better to use Granite/Coral Resource Types in a TOuch UI component dialog.

Translate
Pawan-Gupta
Level 8
Nov 15, 2017 6:54 PM UTC

It means there is no solution to upgrade custom widget (ext js) to touch ui?? or no process around that??

Translate
smacdonald2008
Level 10
Apr 10, 2017 5:13 PM UTC

You SHOULD not use a custom xtype in a touch UI dialog. A custom xtype is for classic ui dialog, 

Instead of using a custom xtype when working in the touch UI - you want to create a custom sling resource type to get a custom field in a touch UI dialog. See this article as an example --

http://scottsdigitalcommunity.blogspot.ca/2017/02/creating-custom-experience-manager.html

Hope this helps....

Translate
Level 5
Apr 10, 2017 4:22 PM UTC

Hi, 

Not sure if you are able to make the touch UI working with custom xtype. Can you share what you have to do?

I try to follow this example

https://helpx.adobe.com/experience-manager/using/creating-touchui-xtypes.html

but realize it did in dialog instead of cq:dialog.

Thanks.

Translate
Level 2
Jan 20, 2016 11:34 AM UTC

Hi,

We have similar requirement , where we have a field called "id" having custom xtype as randomNumber. In Classic it is working fine but in Touch we are facing similar issue which you highlighted above.

So to follow your solution we created a new clientlib folder and placed our custom xtype under it

TouchUICore [nt:folder]

            custom xtype

                     categories - cq:widgets

                    sling:resouceType - widgets\clientlib

                    jcr:primaryType - cq:ClientLibraryFolder

and added <cq:includeClientLib categories="cq.widgets" /> in our page template.
But it is not picking the custom code.

I also viewed the example given in the link but no luck. It will be very helpful if  you please guide us the steps.

Regards,

Sh.

Translate
Level 3
Oct 16, 2015 2:28 AM UTC

I believe what I had to do to make this work was change the category of the clientlib containing my custom xtypes to "cq.widgets"

Translate
smacdonald2008
smacdonald2008Accepted solution
Level 10
Oct 16, 2015 2:28 AM UTC