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

Populate custom css for touch-ui dialogs

Avatar

Level 5

Hello,

 

I found here following post: Solved: Add Custom CSS Classes To AEM Touch UI Dialogs? (A... - Adobe Experience League Community - ...

Because I've never done it before, I don't know how and where can I populate my css declarations. The above answer does not explain this.

 

Thanks in advanced

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

Using the above blog you can add customClass to fields.

 

Now to have your css delcarations you need to have a clientlib folder where you can have your custom css/js files included.
You can refer : https://experienceleague.adobe.com/docs/experience-manager-65/developing/introduction/clientlibs.htm...


A video reference : https://www.youtube.com/watch?v=7KiBeuiUCoI&t=138s

 

Hope this helps!

View solution in original post

5 Replies

Avatar

Correct answer by
Employee Advisor

Using the above blog you can add customClass to fields.

 

Now to have your css delcarations you need to have a clientlib folder where you can have your custom css/js files included.
You can refer : https://experienceleague.adobe.com/docs/experience-manager-65/developing/introduction/clientlibs.htm...


A video reference : https://www.youtube.com/watch?v=7KiBeuiUCoI&t=138s

 

Hope this helps!

Avatar

Level 5

Thanks for your answer,

 

The referered link in my question shows a structure of an xml file. You can see my question as an extension from refered link

Avatar

Level 5

You forgot to mention the most important thing in your answer. The name of clientClib must be

coralui3 

 so the declared style sheet declarations will be provided for browser.

Avatar

Community Advisor

you can create clientlibs and load in a dialog using extraClientlibs

 

@property {String[]} [extraClientlibs] The additional clientlibs to be included on top of the ones specified at clientlibs property

 

 

arunpatidar_0-1662650916407.jpeg

 

Avatar

Level 5

Thanks for your answer,

 

The referered link in my question shows a structure of an xml file. You can see my question as an extension from refered link.