How to control the display of the portal header logo by role

HS7
Giga Guru

Hi

I would like to control the display of the portal header logo by role.
I want logo A to be displayed to users with role A, and logo B to be displayed to users with role B.
Isn't the portal header a widget? If it was a widget, I think you could set it to be displayed or hidden by role.

1 ACCEPTED SOLUTION

It is possible to show different logo for each company without creating multiple portals 

1. Navigate to System UI -> Images

Upload logo for each company

2. Create a new system property to map logo for each company

Name - comp.logo.mapping

Description - JSON Key - company sysid
                         JSON Value - image name uploaded in step 1

Value - 

{
"86837a386f0331003b3c498f5d3ee4ca" : "logo1.svg",

"20d5991dd7600200e5982cf65e6103b7":"logo2.png"

}

 

3. Navigate to Service Portal -> Portals and Open CSM portal Theme

Clone the out of the box header widget and update it to the theme

4. Open the cloned header widget

HTML - update the highlighted line

Shruti_0-1753336560484.png

 

5. Add below lines to the server script

     var company_id = gs.getUser().getCompanyID();
    var logo_src  = JSON.parse(gs.getProperty('comp.logo.mapping'));
    data.logo = logo_src[company_id];

 

 

View solution in original post

12 REPLIES 12

Shruti
Mega Sage
Mega Sage

Hi,

Is it specific to CSM and which roles are being used ?

Hi @Shruti

 

Does it matter which role is used?

One portal is being used by multiple companies and the requirement is to display a different logo for each company.

It is not possible to create a portal for each company due to customer request.

 

It is possible to show different logo for each company without creating multiple portals 

1. Navigate to System UI -> Images

Upload logo for each company

2. Create a new system property to map logo for each company

Name - comp.logo.mapping

Description - JSON Key - company sysid
                         JSON Value - image name uploaded in step 1

Value - 

{
"86837a386f0331003b3c498f5d3ee4ca" : "logo1.svg",

"20d5991dd7600200e5982cf65e6103b7":"logo2.png"

}

 

3. Navigate to Service Portal -> Portals and Open CSM portal Theme

Clone the out of the box header widget and update it to the theme

4. Open the cloned header widget

HTML - update the highlighted line

Shruti_0-1753336560484.png

 

5. Add below lines to the server script

     var company_id = gs.getUser().getCompanyID();
    var logo_src  = JSON.parse(gs.getProperty('comp.logo.mapping'));
    data.logo = logo_src[company_id];

 

 

@Shruti  

Thank you!!

Please tell me a bit more.

What widget is the header widget in step 3?
For example,which one is the portal header widget provided by OOTB?