Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Touch UI component

Avatar

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

Avatar

Correct answer by
Level 10

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

8 Replies

Avatar

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

Avatar

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

Avatar

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

Avatar

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. 

Avatar

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. 

Avatar

Administrator

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



Kautuk Sahni

Avatar

Correct answer by
Level 10

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.

Avatar

Level 3

Hi All,

Thanks for your help.

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

.