Showing images in Service Desk Express

A colleague of mine recently asked me to take a look at a request a customer had that involved wanting to be able to view an image of the client on the Incident screen when the Client ID was selected.

My immediate suggestion was to create a calculated field in the clients module that was a concatenation of a URL and the Client ID field and then make that calculated field available in the Incident module via the Clients foreign key and use the Display Link functionality to view the image. The advantage of this scenario is that a) it is completely supported by BMC and b) the image is only downloaded when the service desk agent wants to see the client’s mugshot.

Unfortunately, this was not what the client wanted. They wanted the image to actually show on the incident screen. This is how I managed it…

Using the customisation wizard I added a standard image to Incident form, saved the form and then viewed it in Service Desk Express (SDE). I then viewed the source code produced by SDE for this form and noticed that it gave my new image the ID of IMAGE2. I needed a directory where I could save the clients images so I created a subdirectory of the Images folder called Clients and saved each client’s image as a jpg using their Client ID such that mine would be ABARBER.jpg. What I now needed was a couple of simple Javascript functions that would swap my image with the client’s image:

function ImageSwap(sClientID)
{
var clientImage = document.getElementById('IMAGE2');
if (clientImage)
{
clientImage.onerror = ImageSwapError;
clientImage.src="images/Clients/" + sClientID + ".jpg";
}
}


function ImageSwapError()
{
this.src="images/NoImage.gif";
}

All the ImageSwap function does is check if IMAGE2 exists on the form (as you may have a form where it does not exist) and swaps the image appropriately. If the client’s image does not exist in the directory then it will throw an error and hence call the ImageSwapError function that just replaces the image with simple NoImage.gif. Notice that the NoImage.gif is to be located in the images folder NOT the images/Clients folder. This allows you to use that image on the form by default.

That was the easy bit. Now I needed to know where to put this function and also how to call it to make it do something. The answer came from the commonscript.js file located (by default) in D:Program FilesBMCApplication ServerScripts. I added my little functions just before another function that I was going to need – function FieldTabOut(). Now if you scroll all the way to the bottom of this function FieldTabOut(), after the …

//END - #Bug 30044

… line but before the closing }, I added my call to my ImageSwap function:

if(CommonModuleObj.ViewName == "24") ImageSwap(document.all("36").value)

Ok, so what does that do. Well basically it says, if the form is an incident form (that’s the ViewName == “24” bit) call my ImageSwap function passing the value of the Client ID textbox (that’s the document.all(“36”).value bit). Perfect, or so I thought. I saved the commonscript.js file and gave my server an IISRESET just in case and tested my “amazing” solution. It worked – sort of…

The problem was that it only worked when I tabbed out, not when I clicked on the popup button to find the client. Another hunt around commonscript.js provided my answer. In the top third of the file there is a function called function OpenPopup(). Once again I scrolled right to the bottom of this function, after the …

//38223 - End
}
strAddWhereClause = ""

…line and before the closing }, I added my call to my ImageSwap function again:

if(CommonModuleObj.ViewName == "24") ImageSwap(document.all("36").value)

I saved the file and gave my server another unnecessary IISRESET and it worked. I guess it goes without saying that this is a completely unsupported hack but it did achieve the desired effect.

Advertisements

10 thoughts on “Showing images in Service Desk Express

  1. Hi Roberto,

    It has been a while since I wrote this and on revisiting it decided that it needed a little rework. Needless to say, I have now included code to check a) if the image exists on the form in the first place and b) to check if the client’s image exists in the directory.

    Hope this helps.

    Regards,

    Alan

  2. Hi,

    This post is helpful, but this is for the incident form. What if i just want to put the image in the client form? Is it the same java scripts? What’s the view name of the client form? ( 24 is for the incident right ? )

    Thanks!

  3. Hi sde_question,

    Glad you found the post helpful. Try replacing 24 with 10 and 36 with 8 as per the code below:

    if(CommonModuleObj.ViewName == “10”) ImageSwap(document.all(“8”).value)

    Let me know how you get along.

    Regards,

    Alan

  4. Thanks Alan,

    This scripts works. But how about if i created a form from scratch and wanted to put the image of the client ( instead of incident and client form ) ? What are the things that i need to replace on the scripts?

    I really found you blog helpful! More power to you Alan!

    Cheers!

  5. Hi Alan,

    Please disregard my previous comment, i was able to get the view name and the id of the field ( similar to clientID ) and follow your scripts and do iisreset. When i open the custom form, the image doesnt change.

  6. Hi sde_question,

    The ViewName needs to be replaced by the sequence number of the table:

    SELECT TBLSEQ FROM dbo.SMSYSTABLES WHERE VIEWNAME = ‘New Module Name’

    The document.all(“8”) bit comes from the sequence number of the column that gives you the ClientID in that module:

    SELECT COLSEQ FROM dbo.SMSYSBASEVIEWDATA WHERE TBLSEQ = xx AND VIEWCOLNAME = ‘Client ID’

    where xx is the number ViewName sequence number you retrieved above.

    Hopefully that makes sense. 🙂

    Regards,

    Alan

  7. Hi Alan,

    I already get the view name ( which is 1006 ) and colseq ( which is 1008 ) and replace the script with this value. But still when i load the custom form, search for the ID, the image doesnt change! 😦 > Could i miss something?

    Thanks so much!

  8. Hello,

    I realise this post is a few years old, but wondered if you could please advise how to go about adding the calculated field that was your initial suggestion?

    Thank you kindly!

  9. Hi AJ,

    So imagine that you create a directory called Mugshots on a webserver called myAppServer. In this directory you drop images of each of your clients called CLIENTID + .jpg (e.g. ABARBER.jpg).

    Now in the Incident module you can create a calculated field (using DB Admin) that looks something like:

    (‘http://myAppServer/Mugshots/’ + BASE.”Client ID” + ‘.jpg’)

    Add this field to the Incident form and now using the display link button, the analyst can pull up an image of the client if necessary.

    Hope this helps.

    Regards,

    Alan

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s