Anybody seeing display issues for catalog items within the CMS?

[Jim Coyne]

We have an issue in our instances (Berlin Patch 13, Hot Fix 1) where the catalog item is not being rendered all the way to the "bottom".   If you back up, then go into the item again, it will render completely this time.   It happens with catalog items that are "short" (just a couple images and then 3 radio buttons) and would fit completely on the screen without having to scroll.   Same thing with "longer" ones, so that does not seem to be an issue.   It normally will render the entire contents of the "description" field and then not show the options below.   Sometimes the bottom image will be cut off and the options missing.

The real problem is it is very intermittent, so very hard to duplicate and troubleshoot.   You never know when it will happen.   And it seems like once it redraws for you properly the second time, you never see it again.   I'm just hoping someone will see this and say "oh yeah, Hot Fix x" fixed that for us.   🙂

[Jim Coyne · Accepted solution]

Just wanted to add an update in case anyone else comes across the problem.   I changed how the images in the catalog items were used and that solved everything.

The images are now uploaded to the instance using the Images module and then referenced from there, including the actual size of the image so the browser can size the image container properly even if the image has not been completely downloaded yet.   That was the problem we were seeing - we were using the "Picture" field on the catalog item item to "upload" the image.   The browser rendered the item on screen not knowing what size the image would be so once it downloaded, it forced items below to move out of the visible frame.

[Stig Brandt2]

Hi Jim

I know this is a while ago, but maybe you could shed some light on you got the image uploaded into the picture field on the catalog item?

[Jim Coyne]

This article lays it all out - http://wiki.servicenow.com/index.php?title=Storing_Images_in_the_Database

We uploaded the images as described in section 2 and then referenced them as described in section 5.   We also added the height="123" and width="456" options in the img tag so they were rendered properly

<img src="browser_controls.pngx" title="Browser controls screenshot" alt="Browser controls" height="100" width="100"/>

[Stig Brandt2]

Hi Jim

Thanks, I have read that wiki article, but it doesn't make any sense to me.

I have an image browser_controls.pngx, in the image table. The image I want to appear in the picture field(type: image). I'm trying to insert the fieldname into picture field, but nothing happens:

I have tried:

current.picture = '<img src="0214ADAF-1C76-4E34-966F-0EBD09534402.pngx" title="Browser controls screenshot" alt="Browser controls"/>';

current.update();

and also:

current.picture = '0214ADAF-1C76-4E34-966F-0EBD09534402.pngx'; (name of the image)

/Stig