Populate custom css for touch-ui dialogs

[Magicr]

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

[milind_bachani · Accepted solution]

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!

[Magicr]

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

[Magicr]

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.

[arunpatidar]

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

[Magicr]

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.