Level 5

Solved

how the js and css files are mapped to a component from ui.frontend?

5 replies
1443 views
Translate All

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

M

MRashidRazaAccepted solution

Adobe Employee

There is no mapping is required. Using ClientLibs categories adding the JS and CSS under /apps/<project>/cleintlibs. And then while writing the css use a parent class name like cmp-<component_name> that work as prefix with all css and JS(ref screenshot 1 below).

Then in component html use the same prefix classname with all your classes. Like below screenshot 2.

screenshot 1:

screenshot 2:

Saravanan_Dharmaraj

Community Advisor

@keerthi0555 Please check this documentation and explanation

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-wknd-tutorial-develop/project-archetype/client-side-libraries.html?lang=en

Translate

Keerthi0555Author

Level 5

Hi Sravanan,

I went through the documentation it's there about adding clientlibs to the template but for a specific component how to add css / js from ui.frontend.

Is it based on the name of the css and js files with component's name?

Translate

M

MRashidRaza

Accepted solution

Adobe Employee

There is no mapping is required. Using ClientLibs categories adding the JS and CSS under /apps/<project>/cleintlibs. And then while writing the css use a parent class name like cmp-<component_name> that work as prefix with all css and JS(ref screenshot 1 below).

Then in component html use the same prefix classname with all your classes. Like below screenshot 2.

screenshot 1:

screenshot 2:

Translate

Keerthi0555Author

Level 5

no from ui.frontend not from ui.apps.

Translate

M

MRashidRaza

Adobe Employee

I answered from ui.frontend only. Read carefully and browse the project.

Translate

Sign up

Login with SSO

Login to the community

Login with SSO