How to display an image file in a dialog from a Image File Reference Field

[jmsilva]

Re: How to display an image file in a dialog from a Image File Reference Field

Thank you Peter, will look into it right now...

[jmsilva]

Re: How to display an image file in a dialog from a Image File Reference Field

Tried {dialog.Object}.resetForm(); and {dialog.Object}.refreshClientSideComputations(); on the link field and the embedded grid using the OnChange event. The resetForm seems better, the rate of failure has been diminished but it is still happening. Do not see any other exposed methods.

[agillbb]

Re: How to display an image file in a dialog from a Image File Reference Field

I came across this post while searching for something and I totally forgot to respond back...

Pete/Steve, you were right (still are right - just tested again) that there is an ugly bug that prevent the image display from working. At the time when I responded, I was thinking about grid images for some reason.
Your workaround works fine, and here is another way....

Add a text control and an image control to the dialog...

//Dialog controls: 
//-- myimagepath is textbox (can be hidden), 
//-- myimage is image

//initialise relative path to images ..... place in onRenderComplete
{dialog.object}._AG_mypath = 'Images_AG' + '\\';

//reset image src ..... place in both onRenderComplete and in myimagepath's onChange event
// looks like abc.jpg
var myimg = {dialog.Object}.getValue('MYIMAGEPATH');
if(myimg.length>0) {
	$sa('{dialog.ComponentName}.V.R1.MYIMAGE','src', {dialog.object}._AG_mypath + myimg);
}

This allows you to utilise the standard components and simply replace the src of the image instead. Just another "workaround" that we should not have to be doing, right ?? !!!!

I hope you are reading Selwyn....

[peteconway]

Re: How to display an image file in a dialog from a Image File Reference Field

Well as it turns out the V12 Beta resolves the issue and beyond - I'd say it going to be tough luck in the V11 environment - but V 12 certainly delivers. Anyhow glad the work around helps.

[forskare]

Re: How to display an image file in a dialog from a Image File Reference Field

Well as it turns out the V12 Beta resolves the issue and beyond - I'd say it going to be tough luck in the V11 environment - but V 12 certainly delivers. Anyhow glad the work around helps.

Just wondering. On the home pane of the Tabbed UI Flying Start Genie, is this why the image does not show?

[TheSmitchell]

Re: How to display an image file in a dialog from a Image File Reference Field

Glad this is solved in V12.

Here's how you'd do it in V11. It took a wee bit of digging, but the "How to Debug Image File Reference..." article has the answer sitting within it. Non-obvious.

Here's the brief summary:

dim filename as c = "myfilename.jpg"
dim folderAlias as c = "[MyAlias]"
dim tmpl as p
tmpl.request = request
tmpl.session = session 
tmpl.serversetting = serversetting

dim src as c = a5w_Decode_IFR(tmpl, filename, folderAlias)

' if you prefer e._set:
e._set.IMAGE.src = src

' if you prefer e.javascript:
e.javascript = "{dialog.object}.setValue('IMAGE','" + js_escape(src) + "');"

In my case, I have an Image File Reference Field that uses the <shortfilename>. The code above lets me show the images for that field in a Dialog.

The crux of the issue is that the image needs to be copied to the user's session folder - or needs to be placed in a folder that users have adequate permission to access. There is not much information on a5w_Decode_IFR.

If you wanted to be explicit about what was happening here, you would need to manually copy the file from it's location on the server to the user's session folder so they can access the file:

' BUYER BEWARE: I DID NOT EXECUTE THIS CODE
' so it might have syntax errors
' but I've done it this way for some things

dim name as c = "myfilename.jpg"
dim fileToShow as c = filename_decode("[MyAlias]\\" + name)

if (file.exists(fileToShow)
    dim data as b
    data = file.to_blob(fileToShow)
    session.SaveDataAsFile(name,data)
    dim image_src as c = Session.FormatFileDataURL(name)
    e.javascript = "{dialog.object}.setValue('IMAGE','" + js_escape(image_src) + "');"
end if

Alpha copies images to session folders for display all the time. So whether you do the copy yourself or use a5w_Decode_IFR, the result is the same.

[iRadiate]

Re: How to display an image file in a dialog from a Image File Reference Field

Sarah,

Thanks for posting this.
Would you mind clarifying where you put this code on the dialog ... the OnDialogRender event perhaps?

Stephen

[TheSmitchell]

Re: How to display an image file in a dialog from a Image File Reference Field

Where you place this code will require some testing on your part for your particular needs. Since it's xbasic code, you would need to either put it in one or more server-side events for the dialog (initialize, render, other?) or in an ajaxCallback and call that client-side somewhere.

Cached vs. not cached dialogs make a difference - eg, initialize isn't going to execute every time. And if you're using any of the record navigation features, then you're going to have to make sure to update your image(s) every time you navigate a record.

I do not know how a5w_decode_IFR determines the filename for the image. It's possible there is internal caching done to prevent copying an image multiple times to the session folder. But I have no data to back that theory up. If you manually copy - again - I do not know if the image result is hashed & cached or copied every time. Operating under the assumption that these functions are dumb - no caching - you want to execute this code as minimally as possible, because file copy is expensive - always. If you can get it down to "I call this function once for the entire existence of this dialog instance", you have reached an ideal solution.