Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
bruce_li
Contributor
0 Kudos

Purpose

We have to copy and adjust skins in network folder, bsp application or skin workbench which is inconvenient.  As of SAP enhancement package 1 for SAP CRM 7.0, business function UI_FRW_1, we can personalize and configure icons and change the SAP logo in the WebClient UI in a much easier way. This wiki includes the exact steps in order to achieve following logo change.

Before change:

After change:

Overview

Since CRM7.0 Ehp1, we can exchange logo by using customize node "Define Icons" which can optimize CRM WebClient UI layout much easier. For example:

-Easy exchange of SAP logo (Standard) with a customer specific logo in the header area of the WebClient UI.

-No modification of CSS files necessary.

-No Skin copy necessary (you can change the logo within the Standard Skin)

-Different logo text for each business role possible.

Exact Steps

1. create a new custom folder under customizing path:
(IMG -> Customer Relationship Management->UI Framework->UI Framework Definition->Skins and Icons->Access Skin Workbench)

If you already have custom folder under skin workbench, then you can skip this steps.

Before you start to replace the Standard SAP logo you have to add a new logo in the Skin workbench. So you can use an existing Skin folder in the lower panel of the workbench or create a new custom folder by copying a Standard Skin from the upper panel. Once you have an existing skin folder, then you don’t need to create it anymore which means you don't need to copy skin anymore in future time when exchanging logo.



 

(T-code:spro -> Customer Relationship Management->UI Framework->UI Framework Definition->Skins and Icons->Access Skin Workbench)


 


 
2.Import new logo in skin workbench

(IMG -> Customer Relationship Management->UI Framework->UI Framework Definition->Skins and Icons->Access Skin Workbench)


3. define our new logon In the Icon Customizing via below path:          
(IMG -> Customer Relationship Management->UI Framework->UI Framework Definition-> Skins and Icons->Define Icons)

If you want to overwrite the SAP logo, create a new icon with name CUSTOM_LOGO and type LOGO. If you use your own company logo, be aware of its size. If the logo does not entirely fit into the header area of the WebClient UI, you can adjust the header size in the Customizing activity Define Layout Profile(spro->crm->ui framework->define layout profile)

The SAP logo is replaced by your logo in the entire WebClient UI, in the header area of all screens, in the screen in which you select a business role for logon, and so on. Since logos are skin-dependent, you also need to ensure that the logo is available for all skins.



4. we can also change the logo text in T-code: crmc_ui_profile.

 


  5.Relaunch the WebClient UI and check if the SAP standard logo will be replaced by our custom logo and logo text under default skin when logon via ZLJ_IC_AGENT role.


 

Related SCN Page

1.If you want to know more about how to use css file or how to adjust skin, please check following Wiki link.

Related Notes and KBAs

1.If the logo does not entirely fit into the header area of the WebClient UI, you can adjust the header size in the Customizing activity Define Layout Profile. Please check line 299-361 in attachment of below KBA.

1849835 - how to exchange logo in WebUI without skin copy by using customize node "Define Icons"

2.There could be no customize node "Define Icons" at IMG even from crm7.0 Ehp1, please check below KBA for solution.

1713658 - Missing customize node "Define Icons" at IMG

2 Comments