Touch UI - cq.auhoring.dialog | Community
Skip to main content
Level 3
December 15, 2016
Solved

Touch UI - cq.auhoring.dialog

  • December 15, 2016
  • 7 replies
  • 11917 views

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.

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 kautuk_sahni
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

7 replies

smacdonald2008
Level 10
December 15, 2016

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

Level 3
December 16, 2016
        Ok. But please let me know is there any way to make it component specific. Please explain me how to use extraclientlibs also
Level 2
December 20, 2016

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

Level 3
December 20, 2016

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
Community Manager
kautuk_sahniCommunity ManagerAccepted solution
Community Manager
December 20, 2016
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
October 12, 2023

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

Uma_Nath_Jha
Level 2
April 11, 2017

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
July 17, 2017

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".