nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Does preview of graphic files work with Browser button?

frbcraig

In my DCT, I have an images field that has a browser button associated with it. When the Browse button is pressed a file browsing dialog page is presented to the user and there is a blank square at the bottom of this page that appears to be where a preview of graphic files can be. Is it possible to have the preview appear when the user selects a graphic file (gif, jpg, etc)? Was wondering if there is some config setting I need to set?

Thanks,

craig

Find more posts tagged with

Comments

nipper

From the testing I have done, the nearest that I have been able to determine is that, depending on the size, it will or not preview. If you are clicking on small images (thumbnails) then you get the preview window. When you have 100KB images then no luck.

frbcraig

Thanks for the reply - all the images that we make available to the user are around the 3K - 10K size.....doesn't seem to be too big for TS to handle. Do you know if there is a config setting somewhere that might be controlling the display of the preview?

nipper

I know there was a thread about this a couple years ago, IIRC, you need the extns field set in the browser

[html]

[/html]

frbcraig

No luck yet on this - I have tried a few things with no success - I had to put the "."s in front of the extensions and I put enableImagePreview(true) in script tags at the bottom of my datacapture.cfg:

This puts a small box next to the browser button, but still there is no preview shown for the .jpg files I'm trying......these jpg files are small - the largest is about 13K.

Are there any other ideas - i'll keep digging through the forum.......

Thanks for all the responses!

frbcraig

Where in dataCapture.cfg would I put the script tag for enableImagePreview to have it invoked "immediately" rather than waiting for onFormInit as the documentation states? I think having the script tag at the end of the datacapture.cfg file would cause it to load during the onFormInit event.....may be the cause of the problem....

Thanks,

Craig

nipper

Sorry I forgot about that piece as well.

I have an ItemHandler on my image field, onItemChange runs a function, set enableImagePreview("true') in that

frbcraig

Thank you so much for your responses - I know I've been kind of a pin with all of this.....

I've tried putting my addItemHandler in my init function in the js file that gets executed when the form is initialized - this addItemHandler sets a function that is executed when the browser field is modified...that is where I am doing IWDatacapture.enableImagePreview.

Does that sound like the correct order of things...or does the addItemHandler have to be set before the form initializes - and if so, where do you put that??

Thanks again and thanks for being patient!

Craig

ISCBorisB

Thank you so much for your responses - I know I've been kind of a pin with all of this.....

I've tried putting my addItemHandler in my init function in the js file that gets executed when the form is initialized - this addItemHandler sets a function that is executed when the browser field is modified...that is where I am doing IWDatacapture.enableImagePreview.

Does that sound like the correct order of things...or does the addItemHandler have to be set before the form initializes - and if so, where do you put that??

Thanks again and thanks for being patient!

Craig

You should not place it in init.

As Documentation states, enableImagePreview should be invoked immediately and not deferred until the onFormInit event.
You are incorrect in your assumption that simply placing your call at the script will defer execution.
I used this feature before, do not recall any problems with it.

If I were you I would create simple POC DCT with single Browse instance and try to make it work. Post this
poc code if you have problems with it

nipper

From reading the manual I would say put it where you have the addFormHandler("onFormInit", init);

frbcraig

ok - here is the datacapture.cfg and the .js file that I am trying to get to work - this results in a datacapture form that has a square besides the browse button - the browse dialog comes up, you can select the files from that - no preview is displayed on the browse dialog box after a file is selected - just an empty square......press ok and the image field is populated with the path and file name of the selected file - again no preview just the empty square......I'm sure it must be something simple that I will learn from all of this....

ISCBorisB

ok - here is the datacapture.cfg and the .js file that I am trying to get to work - this results in a datacapture form that has a square besides the browse button - the browse dialog comes up, you can select the files from that - no preview is displayed on the browse dialog box after a file is selected - just an empty square......press ok and the image field is populated with the path and file name of the selected file - again no preview just the empty square......I'm sure it must be something simple that I will learn from all of this....

What's your Version and Platform? I've tried your code as is, just changed init/ceiling Directories. All works, see attached

frbcraig

We're using TS 6.7....

I have my images directories in the workarea, but above the templatedata directory. I use the directory attributes to limit the user to that directory......I'm not sure ahy it works in your environment, but not mine. The jpg files we're using aren't big at all, so I don't believe it's a matter of the jpgs being too big......I've also tried not using the directories and letting the user select images from anywhere in the workarea....I'm lost where to go from here....

frbcraig

Here are two shots of the screens I get - the first shows when the form is first initialized - blank square. To get the second, I click browse and choose an image and press ok - again blank square with text in the filed. Do you see anything incorrect about the pathing of the image??

ISCBorisB

We're using TS 6.7....

I have my images directories in the workarea, but above the templatedata directory. I use the directory attributes to limit the user to that directory......I'm not sure ahy it works in your environment, but not mine. The jpg files we're using aren't big at all, so I don't believe it's a matter of the jpgs being too big......I've also tried not using the directories and letting the user select images from anywhere in the workarea....I'm lost where to go from here....

Login in CCPro mode, navigate yourself to the Image Directory and simply click an image File. What renders? Can you see the image?

frbcraig

I get an error that says "The Page cannot be found"..........http error 404......

ISCBorisB

I get an error that says "The Page cannot be found"..........http error 404......

In my case the Page renders with the Image and SCE toolbar.

It is possible that you have incorrect Proxy setting. Perhaps your Image path is matched and erroneously redirected?
Save something like the following on your local(desktop) drive, modify src to your settings and try to render it

[html]

[/html]