Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Touch UI - cq.auhoring.dialog

Avatar

Level 4

Hi 

I have component specific client libs and I have given the categories cq.authoring.dialog. I have written few methods in js . But the same are getting applied for all dialogs present on the page. 

But that should be applied only for that particular dialog. Could you please let me know how to achieve. Please provide one example.

1 Accepted Solution

Avatar

Correct answer by
Administrator
see below snippet 
 
cq: dialog: {
jcr: primaryType: "nt:unstructured",
jcr: title: "Page",
extraClientlibs: ["category1","category2"],
mode: "edit",
sling: resourceType: "cq/gui/components/authoring/dialog"
}

Documentation:- https://docs.adobe.com/docs/en/aem/6-2/develop/components/components-touch-optimized.html

~kautuk



Kautuk Sahni

View solution in original post

8 Replies

Avatar

Level 10

cq.authoring.dialog is a global category and applies to all Touch UI dialogs. 

Avatar

Level 4
        Ok. But please let me know is there any way to make it component specific. Please explain me how to use extraclientlibs also

Avatar

Level 2

The below link explains a good example on how to write js for events, such as a validator. It explains the concept of the extraClientLib

https://docs.adobe.com/ddc/en/gems/customizing-dialog-fields-in-touch-ui.html

Avatar

Level 4

I have gone through the adobe document and the link mentioned here. But I was not able to understand the property value to be given for extraClientLibs and how to use it. Please give me an example.

Like extraClientlibs value to be given is ---- 

and where to use it and how to use it.

 

Thank you

Avatar

Correct answer by
Administrator
see below snippet 
 
cq: dialog: {
jcr: primaryType: "nt:unstructured",
jcr: title: "Page",
extraClientlibs: ["category1","category2"],
mode: "edit",
sling: resourceType: "cq/gui/components/authoring/dialog"
}

Documentation:- https://docs.adobe.com/docs/en/aem/6-2/develop/components/components-touch-optimized.html

~kautuk



Kautuk Sahni

Avatar

Level 1

Hi kautuk, could you help me where I can configure the Touch UI?thank you so much for sharing.

Avatar

Level 2

kautuksahni wrote...

see below snippet 
 
cq: dialog: {
jcr: primaryType: "nt:unstructured",
jcr: title: "Page",
extraClientlibs: ["category1","category2"],
mode: "edit",
sling: resourceType: "cq/gui/components/authoring/dialog"
}

Documentation:- https://docs.adobe.com/docs/en/aem/6-2/develop/components/components-touch-optimized.html

~kautuk

 

It worked for me.

Thanks

Avatar

Level 2

Hi,

In fact I spent some time trying to make the property "extraClientLibs" work. Just to realized that in Adobe documentation they made a mistake, because they wrote the property "extraClientLibs" instead of "extraClientlibs".