Background Image on form
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎04-18-2013 11:42 AM
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
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎04-18-2013 03:53 PM
When you say create a form are you looking to decorate the instance with a company banner?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎04-18-2013 08:04 PM
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.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎04-19-2013 12:53 AM
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎04-23-2013 06:07 AM
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.