images in employee center

mah1
Kilo Sage

I uploaded a new image to use as the background replacing the default astronaut image. That seems to be working as expected.  I removed the Mobile_800x250.svg file that was attached and attached the svg file for my new image and cleared browser cache. But as I adjust the browser window size for the employee center, my image is eventually replaced with the default astronaut image.

What am I missing here?

What size should the background image be and what format is best?

What size should the svg image file attachment be?  I made it 800x250 based on the name of the file that was attached by default.

Also, there is an image that is displayed when a search is done and no results are found. It seems to be a variation of the astronaut image. 

find_real_file.png

Can this be changed? If so, how and what size/format should this be?

Thank you!

2 REPLIES 2

mah1
Kilo Sage

I found this regarding images in the ServiceNow documentation:

               Image                                  Size

               Home page                        1440 x 400px

                                                            Height is 400px and width is responsive.

                                                            For desktop:  1440px width viewport, 1440 x 400px

I uploaded and attached an svg file with the above specifications but found that it still switched to the default astronaut image when the browser window width was changed to a certain size. I submitted a ticket to support and was provided with the following proposed solution:

This configuration is defined in the 'ec_dashboard' page:

 

Resolution:

  1. Navigate to the page mentioned above:
  1. In the 'Page Specific CSS' change the line#1
    from:
$banner-768-svg : "d9bc1319533130101865ddeeff7b12ba.iix";


to:

$banner-768-svg : "99999999999999999999999999999999.iix";

where the iix in the to line is associated with my image.

This did, in fact, resolve the issue I was having.

I still don't have an answer to the question about other default astronaut based images used in the employee center.

 

I just tested this in San Diego

If there is an easier way to get to "Open in Platform" please let me know.

  1. I went to the ESC in my DEV instance, held in Control and Right-Clicked one of the widgets.

  2. I selected "Page in Designer"
    find_real_file.png

  3. I selected the container with the banner image and then clicked the pencil button.
    find_real_file.png

  4. Click the hamburger and then select "Open in Platform"
    find_real_file.png

  5. If you are not already in the Employee Center application, click here
    find_real_file.png

  6. You now have the option to update the image
    find_real_file.png

  7. I used a 1400x400 JPG and it works fine. Even when resizing, the old image doesn't reappear.

I hope this helps someone.