question Re: UI Page CSS formatting in Developer forum

UI Page CSS formatting

cshriya — Sun, 02 Dec 2012 00:17:41 GMT

I am working with system UI pages and looking for the solution to include reference of stylesheet file in UI page itself so that instead of defining styles with html tags I can use CSS slandered way of using css class.
I have created stylesheet file called myStyle.css in style Content Management -> Design ->Sheet Sheets module. Now I( want to use it on one of the UI page called "myPage" created in module Syatem UI -> UI Pages.
I could not find any way to include reference of styleseet in UI page like doing for JS files. For
example:

<script></script>

Anyone have some suggestions?
Thanks in advance.
Chhavi

Re: UI Page CSS formatting

Mark Stanger — Mon, 03 Dec 2012 17:29:24 GMT

I just wrote a post at SNGuru that should help you with this.

http://www.servicenowguru.com/content-management/custom-stylesheets-noncms-pages/

Re: UI Page CSS formatting

cshriya — Mon, 03 Dec 2012 18:11:39 GMT

Hi Matt,

Thanks for the solution. It's working fine.
I have one more issue, I am sure you can give me the solution.
When I am going to print the UI page, images are gone. I used the tag for image in UI page is as below:

Please suggest.

Best regards
Chhavi

Re: UI Page CSS formatting

gaidem — Thu, 06 Dec 2012 01:36:25 GMT

Add a class of user_image to the img element.

Re: UI Page CSS formatting

cshriya — Thu, 06 Dec 2012 16:17:57 GMT

Thanks Matt 🙂 It worked well...

Re: UI Page CSS formatting

StephenButcher — Tue, 28 May 2013 13:40:45 GMT

Thanks! I'd been trying to work out why my images were not "available" in Print Preview for any of my browsers (Chrome / FireFox etc).

I see now that with the standard CSS, all images are hidden when media=print.

Re: UI Page CSS formatting

srath — Wed, 17 Sep 2014 11:12:22 GMT

Hi gaidem,

I am facing the same issue. Image is not appearing for print preview .

Would you please explain me what exactly you meant here by adding a class of user_image to the img element.

Thanks.