Background Image on form

aaustriaco
Kilo Explorer

Hi all, I'm new in ServiceNow and hope someone would assist me with this.
I have a requirement in which I need to create a form with our company logo as the background.
I've done a researched in Wiki and resulted with the notes described below. The problem is, I have no idea where to apply it.
Would anyone be kind enough to point me to where I can apply it?

6.5 Applying a Background Image to the Banner
Often corporate guidelines require more in-depth branding of the ServiceNow interface. Using the tiling technique, you can modify your logo image to have a transparent background, so that you can apply another image to the banner beneath the logo.
Upload an image to the image manager and then create a new property named css.banner.background.image, so that you can call the image. The value should look like this.
â—¾css.banner.background.image value url('./images/MasterBG.jpgx')

6.5.1 CSS Rules that Apply this Change
/** BACKGROUND - These properties allow you use to add a background tile to the header of the instance ***************************/
TD.bannerLeft,TD.bannerCenter,TD.bannerRight, TR#banner_row {
background-color: ${banner.background.color};
background-image: ${banner.background.image};
background-position: ${banner.background.position};
background-repeat: ${banner.background.repeat};
}

Please help. Thanks in advance,
Antonio

5 REPLIES 5

justin_drysdale
Mega Guru

When you say create a form are you looking to decorate the instance with a company banner?


I actually want my company logo to appear as background to a form i.e incident or change or problem form. Please advise whIch part should I change. Thanks a lot.


Not applicable

Hi,

Ouf of the box you can only apply a image to the banner

1. Go to System Properties > My Company.
2. Click on "Click to add..." behind "Banner image:"

What you probably want is a HTML5 Canvas background image.
See http://stackoverflow.com/questions/5241365/how-to-set-the-background-image-of-a-html-5-canvas-to-png-image
See the example link on the page http://phrogz.net/tmp/canvas_cssbg.html

The background:url() is used by SNC in Content Blocks.
http://wiki.servicenow.com/index.php?title=Using_Content_Blocks

Have a look under Content Management->Design->Themes and Content Management->Design->Style Sheets.


Hi Laurens,
thank you so much for your response. it gave me the idea on how to have the background appear in a form but i'm having an issue on how to make it appear on all the screens starting when a user has login to the application. i'm really trying my best to have it appear on all the screens but it doesn't work as I expected. I've tried to insert the command: "background:transparent;" on most of the forms but failed.
please kindly help me where/how to make the changes. thank you so much for your patience.