Expand my Community achievements bar.

SOLVED

aem ui

Avatar

Level 1

i want to change so ui of page in aem can any one help me understand the process

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @biswaranjan1 

 

Clientlibs are used for maintaing css and js in AEM. In order to change page UI, you will have to create project specific css and keep css files in clientlibs anf then the clientlibs can be included in HTL or JSP.

 

You can refer 

1. https://docs.adobe.com/content/help/en/experience-manager-65/developing/introduction/clientlibs.html

2. https://blogs.adobe.com/experiencedelivers/experience-management/htl-clientlibs/

 

Hope it helps!

Thanks

Nupur

View solution in original post

2 Replies

Avatar

Community Advisor

@biswaranjan1 

Use the clientlibs to used CSS or less files to update the UI of the page or component.

Avatar

Correct answer by
Community Advisor

Hi @biswaranjan1 

 

Clientlibs are used for maintaing css and js in AEM. In order to change page UI, you will have to create project specific css and keep css files in clientlibs anf then the clientlibs can be included in HTL or JSP.

 

You can refer 

1. https://docs.adobe.com/content/help/en/experience-manager-65/developing/introduction/clientlibs.html

2. https://blogs.adobe.com/experiencedelivers/experience-management/htl-clientlibs/

 

Hope it helps!

Thanks

Nupur

The following has evaluated to null or missing: ==> liql("SELECT id, subject, body, depth, post_time, author.login, author.id, author.rank, metrics.views FROM messages WHERE topic.id = '${topicId}' AND is_solution = true").data.items[0] [in template "analytics-container" at line 82, column 31] ---- Tip: It's the final [] step that caused this error, not those before it. ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign acceptedAnswer = liql("SELECT... [in template "analytics-container" at line 82, column 5] ----