Touch UI component

[Raja_Putta]

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

[Hemant_arora]

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]

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]

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]

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]

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]

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 · Accepted solution]

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]

Hi All,

Thanks for your help.

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

.