Touch UI component | Community
Skip to main content
April 22, 2016
Solved

Touch UI component

  • April 22, 2016
  • 8 replies
  • 3870 views

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.
Best answer by Ratna_Kumar

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
April 22, 2016

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
April 22, 2016

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

April 23, 2016

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
April 23, 2016

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
April 23, 2016

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
Community Manager
Community Manager
April 25, 2016

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
Ratna_Kumar
Ratna_KumarAccepted solution
April 25, 2016

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.

April 28, 2016

Hi All,

Thanks for your help.

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

.