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
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

loading clientlib for dialog

Shaheena_Sheikh
Level 4
Level 4

I have a clientlib with 3-4 js files in it in a component. I wanted 1 of those JS files to load for my dialog. I cant use extraClientlibs because that way all the JS will load for my dialog, whereas I specifically want only 1 particular file to load for my dialog. Is there a way to do this?

1 Accepted Solution
Rohit_Utreja
Correct answer by
Level 4
Level 4

@Shaheena_Sheikh ,

 

You can create a new clientlib and include that specific JS file in this new clientlib.

This new clientlib can be loaded while editing component through dialog and you can provide a category name for this clientlib as "cq.authoring.dialog".

 

If you want to be more specific while loading the js file for dialog validation. Please refer to below link for the same.

 

https://blogs.perficient.com/2017/11/06/aem-touch-ui-dialog-validation-new-best-practice-use-foundat...

 

 

 

View solution in original post

4 Replies
Anudeep_Garnepudi
Community Advisor
Community Advisor

@Shaheena_Sheikh 

Add the specific file with path in dialog clientlib js.txt

 

Rohit_Utreja
Correct answer by
Level 4
Level 4

@Shaheena_Sheikh ,

 

You can create a new clientlib and include that specific JS file in this new clientlib.

This new clientlib can be loaded while editing component through dialog and you can provide a category name for this clientlib as "cq.authoring.dialog".

 

If you want to be more specific while loading the js file for dialog validation. Please refer to below link for the same.

 

https://blogs.perficient.com/2017/11/06/aem-touch-ui-dialog-validation-new-best-practice-use-foundat...

 

 

 

View solution in original post

Bhuwan_B
Community Advisor
Community Advisor

Create a new Client Library Folder with required Js file and add it to your dialog via extraClientlibs property.

https://wcmaem.blogspot.com/2016/08/how-to-load-touchui-dialog-specific.html

 

 

Veena_Vikram
Community Advisor
Community Advisor

I agree with @Bhuwan_B  and @Rohit_Utreja , your best bet here is to create a clientLib specific for your component dialog including those JS which you need and then loading it to the dialog via extraClientLibs .

 

Thanks

Veena ✌