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; } } }

Displaying image on DCT

janhavi

Is it possible to display image on DCT ? i didnt find any details in PDFs provided by Interwoven.

Can we customize datacapture.cfg to display image on DCT?

Thanks,
Janvi
Teamsite 7.1
Windows 2003

Find more posts tagged with

Comments

Migrateduser

Two disclaimers:

I never have used this myself
I have no idea if it still works in 7.x

Here's some code I saw demonstrated by an IWOV SE almost five years ago. He then sent it to me after I offered to buy beer. So far as I know, it is not documented anywhere.

The simple code for an image thumbnail in FormsPublisher (TeamSite 6.x) is:

[PHP]IWDatacapture.enableImagePreview(true);[/PHP]

You can place this in a .js file, or simply towards the bottom of a datacapture.cfg file before closing the ruleset:

[PHP]<script>
<br><br> IWDatacapture.enableImagePreview(true);<br> <br>
</script>[/PHP]

Rick Poulin

That call still exists in 7.1 and has been well documented since 6.5. AFAIK, that only affects the small preview window within the browser widget. It won't render the thumbnail in the form itself.

Migrateduser

The real question is, where on the page and how does he want it to look. Is it to be part of a field, or does he just want an image on the page.

As for the prior comment.

That call still exists in 7.1 and has been well documented since 6.5. AFAIK, that only affects the small preview window within the browser widget. It won't render the thumbnail in the form itself.

That's incorrect, rendering the thumbnail on the DCT is exactly what it's used for.

(Field has been shortened in pic so that it can be uploaded)

iheartregex

Hrm. Well that's very good to know.

What I don't get is why IW decided to hide something like that in the FormAPI rather than as an attribute on the DCT...

Adam Stoller

Hrm. Well that's very good to know.

What I don't get is why IW decided to hide something like that in the FormAPI rather than as an attribute on the DCT...

Probably because it utilizes javascript to do it and FormAPI is their Javascript layer?

I'm not saying it's 100% valid argument - just the likely rationale that was used at the time the feature was added.

oduiubo

Well, I did several years ago other solution for one of my client which was working at TS 6.5 and later moved to TS 6.7.1 without any problem.
I used to use AJAX and created dynamically extra layer on top to show image and Meta information of the image. It was working onmouseover to open layer.
People told me it is a hack however, I don't think this way. I used proper DOM object to implement that solution.

janhavi

thanks all for reply, below code snippet worked.

IWDatacapture.enableImagePreview(true);

thanks again.

Rick Poulin

People told me it is a hack however, I don't think this way. I used proper DOM object to implement that solution.

The hack is not your usage of the DOM, it's if you're somehow resolving one of the DOM elements on the page to determine the positioning of your overlay. The underlying implementation of the HTML form, including element IDs and the JavaScript surrounding it, may change without notification. If, however, you're positioning your overlay somewhere relative to the top window object and not relying on the form rendering at all, then you should be fine.

janhavi

The real question is, where on the page and how does he want it to look. Is it to be part of a field, or does he just want an image on the page.

As for the prior comment.

That's incorrect, rendering the thumbnail on the DCT is exactly what it's used for.

(Field has been shortened in pic so that it can be uploaded)

Image that is coming in my DCT is very small. Is thr way where i can increase size of the image box? Also, i thought of putting overlay once user takes cursor on image. Can you please guide me on this?

Migrateduser

Easiest way is to use an external stylesheet and put this in it.

.iw-formspub-thumbnail-image {
width:600px; height:300px;
}

You will have to experiment with the width and height to get your desired height.

Another way is to use javascript to loop through the items in the page and find the images with the iw-formspub-thumbnail-image class and then get the image height and width of each image and then change it to match the currently found images width and height. You should set a max width and height to prevent large images from taking over the page.

OpenReportDesignPerspective.png

FileNewReport.png

janhavi

Easiest way is to use an external stylesheet and put this in it.

.iw-formspub-thumbnail-image {
width:600px; height:300px;
}

You will have to experiment with the width and height to get your desired height.

Another way is to use javascript to loop through the items in the page and find the images with the iw-formspub-thumbnail-image class and then get the image height and width of each image and then change it to match the currently found images width and height. You should set a max width and height to prevent large images from taking over the page.

thanks this worked!!

can i put default value to browser field? i have done it in fromapi level where i am giving default value using .setvalue field. But i would like to do it directly in datacapture form.

I have number of browser fields with preview image display and wanted to give default image for each browser. My browsers are divided in different "tab" area.

CustomParametersReport.zip

Migrateduser

Put this in between your browser instance.

[PHP]
blah
[/PHP]

janhavi

Put this in between your browser instance.

[PHP]
blah
[/PHP]

I tried default for browser, but it didnt work. i think it works only with text, textarea etc

Migrateduser

I would guess you put it in the wrong spot. It works correctly for me.

[PHP]

Image Reference
Browse for an image

/images/printer.png

[/PHP]

janhavi

I would guess you put it in the wrong spot. It works correctly for me.

[PHP]

Image Reference
Browse for an image

/images/printer.png

[/PHP]

thanks a lot, this worked well!!, i tried in wrong way before, my bad.

thanks again.

chitresh

Hi All,

I tried using
IWDatacapture.enableImagePreview (true);

in my javascript. The js is getting called from the datacapture.cfg.But I am not able to see the preview of the image in my DCT.
My TS version is 6.7.2 on windows 2003.

Migrateduser

Hi All,

I tried using
IWDatacapture.enableImagePreview (true);

in my javascript. The js is getting called from the datacapture.cfg.But I am not able to see the preview of the image in my DCT.
My TS version is 6.7.2 on windows 2003.

Attach your code.

chitresh

Following is the code snippet of content.js

IWDatacapture.enableImagePreview (true);
IWEventRegistry.addFormHandler("onFormInit", init);
IWEventRegistry.addItemHandler("/newsletter_radio
IWEventRegistry.addItemHandler("/News", "OnReplicantAdded", newReplicateAddedCollapsed);

function init()
{

IWDatacapture.getItem ("/News").setVisible(true);
IWDatacapture.getItem ("/Press-Statement").setVisible(false);
}

-----------------------------------------------------------
And following is the datacapture.cfg code

chitresh

Migrateduser

Is the forum messing it up or is there a reason you didn't finish ending your javascript line.

[PHP]
IWEventRegistry.addItemHandler("/newsletter_radio
[/PHP]

Should be
[PHP]
IWEventRegistry.addItemHandler("/newsletter_radio");
[/PHP]

But what's really causing the issue is that you need your browse to look like this.

[PHP]

[/PHP]

The extns part seems to make or break the deal.

Migrateduser

deleted post

birt_report.png

Adam Stoller

Is the forum messing it up or is there a reason you didn't finish ending your javascript line.

[PHP]
IWEventRegistry.addItemHandler("/newsletter_radio
[/PHP]

Should be
[PHP]
IWEventRegistry.addItemHandler("/newsletter_radio");
[/PHP]

Not sure why you posted it twice, but you were wrong both times as the addItemHandler() takes two more arguments - the event name and the function to call when the event occurs.

Migrateduser

Not sure why you posted it twice, but you were wrong both times as the addItemHandler() takes two more arguments - the event name and the function to call when the event occurs.

It was posted twice because I didn't think it posted correctly the first time. I normally use Google Chrome. In Chrome this entire message is jacked up and you can't see any post past chitreshs last one.

As for the required second argument, yeah, I missed it. C'est la vie.

chitresh

Hey thanks it was actually the "extns" which were causing the issue. After adding it worked perfectly.
Thanks all.