Skip to main content
Level 2
Apr 22, 2016 6:55 AM UTC
Solved

Touch UI component

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Ratna_Kumar
Ratna_KumarAccepted solution
Level 10
Apr 25, 2016 5:03 PM UTC

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.

8 replies

Hemant_arora
Level 8
Apr 22, 2016 9:58 AM UTC

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

Translate
mkumar
Level 3
Apr 22, 2016 11:42 AM UTC

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

Translate
Level 2
Apr 23, 2016 5:31 AM UTC

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

Translate
smacdonald2008
Level 10
Apr 23, 2016 1:22 PM UTC

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

Translate
smacdonald2008
Level 10
Apr 23, 2016 1:27 PM UTC

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. 

Translate
kautuk_sahni
Level 9
Apr 25, 2016 5:16 AM UTC

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

Translate
Kautuk Sahni
Ratna_Kumar
Ratna_KumarAccepted solution
Level 10
Apr 25, 2016 5:03 PM UTC

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.

Translate
Level 2
Apr 28, 2016 11:44 AM UTC

Hi All,

Thanks for your help.

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

.

Translate