Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Touch UI component

Raja_Putta
Level 3
Level 3

Hi All,

I am very new to AEM and working on AEM 6.0. I am  creating a custom component which supports Classic & Touch UI. I have created a dialog for classic UI and created cq:dialog for Touch UI.I can see the content in both Classic & Touch UI but I am not getting editable window in Touch UI and getting component window(PFA the screenshot). I am making the changes in the classic UI and verifying in both.

Could you please help me why I am not getting authoring window in Touch UI.

Thanks,

Ram

1 Accepted Solution
Ratna_Kumar
Correct answer by
Community Advisor
Community Advisor

Hi Raja,

As Hemant stated, there may be issue in dialog structure in Touch UI. Since, the dialog structure is different for both the Classic and Touch UI.

You can follow this article for creating component in Touch UI: https://helpx.adobe.com/experience-manager/using/creating-touchui-component.html

Thanks,
Ratna Kumar.

View solution in original post

0 Replies
Hemant_arora
Level 8
Level 8

Can you share the dialog.xml for classic ui and .content.xml for touch ui dialog.?

There must be some problem in the dialog structure.

Please refer to the OOTB components under /libs/wcm/foundation/component

mkumar
Level 3
Level 3

Check if u have any console errors.

If You are creating the dialog without customizing the widgets or field ,use below Doc for dialog conversion(from Classic to Touch UI) for information and help .

https://docs.adobe.com/docs/en/aem/6-0/develop/dev-tools/dialog-conversion.html

Raja_Putta
Level 3
Level 3

Hi Hemant & Vinay,

Thanks for reply.

I am creating new component using OOTB component /libs/wcm/foundation/component/text

PFA the dialog.xml for classic & content.xml for Touch UI. 

I am getting the below error in console 

Uncaught TypeError: ns.EditorFrame.editableToolbar.checkActionCondition is not a function

Please suggest me the changes to get touch ui editor window.

Thanks,

Ram

smacdonald2008
Level 10
Level 10

Did you follow the article i showed you and does it work - that will tell us if there is an issue with your environment. 

smacdonald2008
Level 10
Level 10

Trying to debug an issue with just an xml that represents the dialog is not the best way to go about it- Email me a package with your component scottm@adobe.com. I need to see the component in my AEM environment. 

kautuk_sahni
Employee
Employee

Hi 

I would recommend you to please try these community article to understand the concept of creating a Touch ui Component,

Link:- http://www.aemcq5tutorials.com/tutorials/develop-component-touch-ui/

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

Also please share (add to dropbox/Google drive, share the link here ) your package to further debug it.

Thanks and Regards

Kautuk Sahni

Ratna_Kumar
Correct answer by
Community Advisor
Community Advisor

Hi Raja,

As Hemant stated, there may be issue in dialog structure in Touch UI. Since, the dialog structure is different for both the Classic and Touch UI.

You can follow this article for creating component in Touch UI: https://helpx.adobe.com/experience-manager/using/creating-touchui-component.html

Thanks,
Ratna Kumar.

Raja_Putta
Level 3
Level 3

Hi All,

Thanks for your help.

I found the issue with the touch ui dialog, now it's working fine.

.