The CreatorCon Call for Content is officially open! Get started here.

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.