Expand my Community achievements bar.

SOLVED

AEM 6.1 | Touch UI | Edit bar | Action config

Avatar

Level 2

Hello AEM Experts,

 

I am exploring AEM touch UI. I have several components created on classic UI, and i am trying to provide support for touch UI also.

 

I have used edit bar in most of my components and defined different combinations of actionConfig. Because of actionConfig, my component's actions are not appearing in touch ui.

I have noticed that editannotate action is not working in touch UI, but edit is working.

 

My questions are:

1. What are different actions supported by Touch UI.

2. If editannotate is not supported by touch, then we need to use "edit" action, in this case how we can add annotation in Classic UI?

3. Is there any documentation available for the same? I can't find it online.

4. How annotation work in touch UI? Is there any configuration to be added in component to support annotation in Touch?

 

I have followed similar discussion [1] but this discussion is not concluded so posting this question.

 

Regards

Mohit

 

[1] http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

1 Accepted Solution

Avatar

Correct answer by
Level 10

Here is one of the best places online to find touch Ui component information. It is written by one of our touch Ui experts

http://experience-aem.blogspot.ca/2013/08/in-blog-experiencing-adobe-experience.html

There are many touch Ui articles.

Also not sure what you fixed. Can you please post an example of what you fixed. Thxs

View solution in original post

4 Replies

Avatar

Level 10

The main difference between touch enabled component and classic component is how you define the dialogs. In classic, you use EXTJS APIs and touch you use granite APIs.  The logic in both can be JSP.

As far as annotations on back end AEM services, they have nothing to do with whether a component is touch or classic. There are no touch ui specific annotations.

I recommend watching the webinar we held with an Adobe Touch UI expert on touch Ui development:  http://scottsdigitalcommunity.blogspot.ca/2015/04/april-session-of-ask-aem-community.html?m=0.

Avatar

Level 2

Thank you Scott for your response. I looked into annotations and noticed that i am able to add annotation on my component using geomatrix template but not on my template. It clearly shows that this is a template level issue. I debugged and fixed this issue. Now annotation is working fine on both mode. 

But i am still searching for solution of following:

1. What are different actions supported by Touch UI.

2. If editannotate is not supported by touch, then we need to use "edit" action, in this case how we can add annotation in Classic UI?

3. Is there any documentation available for the same? I can't find it online.

Avatar

Correct answer by
Level 10

Here is one of the best places online to find touch Ui component information. It is written by one of our touch Ui experts

http://experience-aem.blogspot.ca/2013/08/in-blog-experiencing-adobe-experience.html

There are many touch Ui articles.

Also not sure what you fixed. Can you please post an example of what you fixed. Thxs

Avatar

Level 10

Here is a really good community-based article that talks about classic vs  touch ui dislogs, which is one of the main differences:

http://www.willdev4donuts.com/aem6-touch-ui-cqdialog-vs-dialog/#.Vnjla05OnMI