UI Builder: Unable to set a custom background image for Header Banner on CSM Landing Page

John Tomko
Tera Expert

I'm just starting to play around with Workspace configuration, and am working with the CSM/FSM Configurable Workspace, CSM Landing Page.  I am unable to replace the default "space theme" background image.  I can change the container height and other values, but nothing I do with "background-image" seems to work.  I uploaded the image I want to use to db_image, and verified I can do what I want someplace like a header, but I can't seem to modify the background of the container itself.

209fa4e5-37b7-436b-a597-38228f21aed7.png

Despite the fact that my CSS for the container is:

* {
    background-image: url('email_template_now_logo.png');
    background-position: right;
    background-repeat: no-repeat;
    min-height: 160px;
    flex-direction: column;
    display: flex;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    justify-content: center;
    flex-wrap: nowrap;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;    
}

9 REPLIES 9

JagjeetSingh
Kilo Sage
Kilo Sage

Hi,

 

Below is how you can change the background image.

 

1. Navigate to landing page on UI builder for CSM Configurable Workspace.

2. Click on container "Header Banner". In configuration panel click on Background property.

JagjeetSingh3_0-1671260082053.png

 

 

3. Click on three dots to see the current image setup. Change. the image in url.

JagjeetSingh3_1-1671260213140.png

 

That's it!

 

 

 

Jagjeet Singh
ServiceNow Community Rising Star 2022/2023

John Tomko
Tera Expert

Thanks @JagjeetSingh .  Unfortunately, that did not work.

Did you mark the OOTB variant as inactive and then activated the one you created. I did change this image for my workspace and it works for me.

 

 

 

Jagjeet Singh
ServiceNow Community Rising Star 2022/2023

I have the same issue.  I can make changes to the header container, but I cannot change that image.  I unchecked the active button for other variants, but didn't help.  @John Tomko did you find a solution?