Customization of landing page

aembytes 16-06-2018

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?

Accepted Solutions (1)

Accepted Solutions (1)

Arun_Patidar
MVP
17-06-2018

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

Answers (3)

Answers (3)

aembytes 17-06-2018

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

Arun_Patidar
MVP
17-06-2018

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