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

SOLVED

Touch UI - cq.auhoring.dialog

Vijaya_Immadise
Level 4
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
kautuk_sahni
Correct answer by
Employee
Employee
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

View solution in original post

0 Replies
smacdonald2008
Level 10
Level 10

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

Vijaya_Immadise
Level 4
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
Brumoon_Ahamat
Level 2
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

Vijaya_Immadise
Level 4
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

kautuk_sahni
Correct answer by
Employee
Employee
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

View solution in original post

Uma_Nath_Jha
Level 2
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

teufeld
Level 2
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".