Expand my Community achievements bar.

SOLVED

Customization of landing page

Avatar

Level 4

We want to customize the landing page with gray background with a client specific brand and also customize the thin vertical bar, top navigation etc in 6.4. Is there documentation that explains what components we need to overlay etc?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi,

  • The background of the "Navigation" landing page (Page you see as soon as you log into AEM) - you need to create a clientlibs category of foundation granite/ui/components/coral/foundation/clientlibs/foundation.css
  • The vertical bar that has navigation and tools button - You can do it CSS, instead of icomoon you can use Text or image which has your brand name with text
  • To change The top bar that reads "Adobe Experience Manager" you need to overlay /libs/granite/ui/components/shell/page/page.jsp

Screen Shot 2018-06-17 at 2.23.56 PM.png

Screen Shot 2018-06-17 at 3.05.17 PM.png

Thanks

Arun



Arun Patidar

View solution in original post

4 Replies

Avatar

Community Advisor

Hi,

Changing look and feel can be done without overlapping anything.

You just need to create brand CSS clientlibs with either shell or foundation category.

I can let you know the exact Clientlibs if you can provide more info about whats need to be changed with client specific brand.

Thansk

Arun



Arun Patidar

Avatar

Level 4

Specifically for starters

The background of the "Navigation" landing page (Page you see as soon as you log into AEM)

The vertical bar that has navigation and tools button to probably have a vertical text with client name and some branded color background

The top bar that reads "Adobe Experience Manager" to read differently (not AEM but Client name) and also background color should be brand format

Avatar

Correct answer by
Community Advisor

Hi,

  • The background of the "Navigation" landing page (Page you see as soon as you log into AEM) - you need to create a clientlibs category of foundation granite/ui/components/coral/foundation/clientlibs/foundation.css
  • The vertical bar that has navigation and tools button - You can do it CSS, instead of icomoon you can use Text or image which has your brand name with text
  • To change The top bar that reads "Adobe Experience Manager" you need to overlay /libs/granite/ui/components/shell/page/page.jsp

Screen Shot 2018-06-17 at 2.23.56 PM.png

Screen Shot 2018-06-17 at 3.05.17 PM.png

Thanks

Arun



Arun Patidar

Avatar

Level 4

Arun, appreciate your help. Awesome, thanks!