Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

ashishkhadpe
ashishkhadpe
Online

Badges

Badges
13

Accepted Solutions

Accepted Solutions
0

Likes Received

Likes Received
6

Posts

Posts
51

Discussions

Discussions
2

Questions

Questions
49

Ideas

Ideas
0

Blog Posts

Blog Posts
0
Expand more
Expand menu
View leaderboards
Profile
Trophy case
Top badges earned by ashishkhadpe
Customize the badges you want to showcase on your profile
Boost 5
Ignite 20
Give Back 10
Give Back 5
Ignite 10
Give Back 3
Give Back
Ignite 5
How to include a config dialog in page in touch UI edit mode
ashishkhadpe
- Adobe Experience Manager 04-09-2020
Hi All, In classic UI implementation we have below JS code which is including a config dialog on a page. CQ.WCM .edit({ "path" : "<content_path>", "dialog" : "<dialog_path>", "type" : "", "csp" : "", "editConfig" : { "listeners" : { "afteredit" : "REFRESH_PAGE" }, } }); After migrating to touch UI, the above config dialog is not author-able. Can someone suggest, touch UI implementation of the above code to include dialog on page.

Views

357

Likes

0

Replies

0
Re: Touch UI CSS class
ashishkhadpe
- Adobe Experience Manager 27-08-2020
Make use of : aem-AuthorLayer-Edit

Views

508

Like

1

Replies

0
Re: Touch UI CSS class
ashishkhadpe
- Adobe Experience Manager 27-08-2020
Hi Nupur_Jain Thank you so much. It worked. Will you be able to look at : https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/dialog-not-appearing-in-touch-ui/qaq-p/376726 as well. I guess that also requires similar solution.

Views

526

Likes

0

Replies

0
Re: Dialog not appearing in touch UI
ashishkhadpe
- Adobe Experience Manager 27-08-2020
I am using AEM 6.4

Views

613

Likes

0

Replies

0
Equivalent Touch UI class for .cq-wcm-edit
ashishkhadpe
- Adobe Experience Manager 27-08-2020
Hi All, We have few mark up defined in our CSS library as below in CQ edit mode : .cq-wcm-edit .formBuilder .section.hiddenField, .cq-wcm-edit .formBuilder .section.hiddenFieldMulti { display: block; } I assume that .cq-wcm-edit only works with AEM classic UI. Any help on how we can migrate this to touch UI or any similar class we can use to define.

Views

483

Likes

0

Replies

3
Re: Touch UI CSS class
ashishkhadpe
- Adobe Experience Manager 27-08-2020
As I can see that they are trying to hide some components being shown on page except edit mode. I understand that this is not a correct implementation but we are reluctant to modify the component. We are looking for a CSS solution to tackle this.

Views

587

Likes

0

Replies

0
Re: Dialog not appearing in touch UI
ashishkhadpe
- Adobe Experience Manager 27-08-2020
Hi @Nikhil-Kumar No error. We are not able to see the edit option in touch UI mode. I suspect because the code written in JSP is specific to classic UI

Views

595

Likes

0

Replies

0
Re: Dialog not appearing in touch UI
ashishkhadpe
- Adobe Experience Manager 27-08-2020
Hi @Nikhil-Kumar

Views

611

Likes

0

Replies

0
Re: Dialog not appearing in touch UI
ashishkhadpe
- Adobe Experience Manager 27-08-2020
Hi @Nikhil-Kumar, Sorry I guess I have not provided complete details in question. I have that script written in my template JSP file. Component dialog is already migrated to touch UI but on page I am not able to see the option to edit.

Views

612

Likes

0

Replies

0
Touch UI CSS class
ashishkhadpe
- Adobe Experience Manager 27-08-2020
Hi All, We have few mark up defined in our CSS library as below in CQ edit mode : .cq-wcm-edit .formBuilder .section.hiddenField, .cq-wcm-edit .formBuilder .section.hiddenFieldMulti { display: block; } I assume that .cq-wcm-edit only works with AEM classic UI. Any help on how we can migrate this to touch UI or any similar class we can use to define. Thanks in advance.

Views

728

Likes

0

Replies

6
Likes given to
View All