To Change the backgroun image in Next experience

PaulSylo
Tera Sage
Tera Sage

Hi All,

I am trying to see the option available to change the below image in the next experience after i upgraded to SanDiego, but i do not the option is not directly available, can you help me on this. Let me tell you, what i tried so far,

I went to Now Experience Framework --> UI Builder ---> selected Unified dashboard and tied to dulicate the variant of the default landing page. When i try to edit the modal or body container, i am not able to see option to edit the image. I am not sure i am doing on right screen. 

I have already added the images in the images under system properties.  

find_real_file.png

Regards,
PaulSylo

Kindly mark "helpful", if this helps, or Mark as "Accepted " if it solves your issues !
1 ACCEPTED SOLUTION

Thanks Ashley! I will create a new landing page and as per my understanding this default landing page image cannot be edited directly and it is not as per the best practice!

Regards,
PaulSylo

Kindly mark "helpful", if this helps, or Mark as "Accepted " if it solves your issues !

View solution in original post

4 REPLIES 4

Oleg
Mega Sage

Hi Paul,

It seems to me that you can't make the modification with respect of UI Builder. At least I don't know the way (probably you get another answer on your question). On the other side, it's possible to modify the background image directly in Composition part of the corresponding UX Macroponent Definition. One can open sys_ux_macroponent with sys_id=b386afd20f223010e28740c1df767e56 (you can use URL like /now/nav/ui/classic/params/target/sys_ux_macroponent.do%3Fsys_id%3Db386afd20f223010e28740c1df767e56), search for "svg" inside of Composition. You will find long text fragment which looks like

"background-image": "url(\"data:image/svg+xml;.../svg%3e\")"

(I replaced large part of data to "..."). You can modify the url or just replace the whole URL to "none":

"background-image":"none"

After that the image will be removed and the home will look like on the picture below:

find_real_file.png

To simplify modification I attach original and modified component as xml files.

 

Hello Oleg - Let me try to do this and see it gets me what i need. However, thanks for your response to this question. i am glad you replied

 

Regards,

PaulSylo
Community Raising Star

Regards,
PaulSylo

Kindly mark "helpful", if this helps, or Mark as "Accepted " if it solves your issues !

Ashley Snyder
ServiceNow Employee
ServiceNow Employee

This page is read only in UI Builder as it is meant to serve as a template and fall back in the case no other variants evaluate for the user. We suggest creating your own variant of this page if you wish to modify it to your use case. We do not recommend attempting to change the original macroponent definition of the page itself.  See the article: Create a Landing Page

Thanks Ashley! I will create a new landing page and as per my understanding this default landing page image cannot be edited directly and it is not as per the best practice!

Regards,
PaulSylo

Kindly mark "helpful", if this helps, or Mark as "Accepted " if it solves your issues !