PDF document preview

RE: PDF document preview

Ani Dutta — Tue, 23 Feb 2021 19:53:43 GMT

Hello, what is the best current solution (we are on release 20.4) for this? does the current document view component support this or alternatively is there a plugin available on Appian Market Place?

RE: PDF document preview

Sunil Zacharia — Thu, 24 May 2018 13:28:21 GMT

Please take a look at these:
www.systoolsgroup.com/.../
forums.ni.com/.../228001

May be it helps! Good luck!

Regards,
Sunil Zacharia

RE: PDF document preview

manishk0001 — Thu, 24 May 2018 12:44:38 GMT

Could be ,not sure , as the above URL is blocked in my dev environment .Let me check in other system .Will update you .

Thanks

Manish

RE: PDF document preview

Sunil Zacharia — Thu, 24 May 2018 12:41:25 GMT

Looks like it's a browser issue.
One more check:
Are you able to open any other pdf's in your browser?

Try unec.edu.az/.../pdf-sample.pdf

If this works try using the same pdf file for testing from Appian. If this does not work and you get the same error then we have look at your browser settings.

RE: PDF document preview

manishk0001 — Thu, 24 May 2018 12:33:54 GMT

No, It is same issue ..in IE I tested that and it shows a error pop up of "File does not begin with %PDF-"
I checked the file in KC and it is not corrupted and opening well .

Thanks

Manish

RE: PDF document preview

Sunil Zacharia — Thu, 24 May 2018 12:05:07 GMT

Hi Manish,

I think this is causing the issue:

body: {

todocument(local!document)

Please remove the braces in the body element.

should be

body: todocument(local!document)

Please try this and let me know if it works.

Regards,

Sunil Zacharia

RE: PDF document preview

manishk0001 — Wed, 23 May 2018 16:02:44 GMT

Thanks Sunil for your quick response .

I tried some thing like below in webApi:

local!document: What I am passing as document ID passing as the parameter.

like you explain i have two component the HttpResponse and the Body

local!document: http!request.queryParameters.document,

a!httpResponse(
headers: {
a!httpHeader(
name:"Content-Type",
value:"application/pdf"
),
a!httpHeader(
name: "Content-Disposition",
value: "inline;filename=Data.pdf"
)
},
body: {
todocument(local!document)
}
)

I guess I am doing some basic mistake .let me know what is wrong .

Cheers

Manish

RE: PDF document preview

Sunil Zacharia — Wed, 23 May 2018 14:00:20 GMT

Hi Manish,

The toDocument function takes a documentID as parameter and returns the appian document object. The documentID's are unique for every document created in your appian environment irrespective of the KC.

How did you create your webapi? What exactly does your webapi return as response?

RE: PDF document preview

manishk0001 — Wed, 23 May 2018 13:26:41 GMT

Hi Sunil ,

I have followed above approach , when the hit the web- Api in the browser it shows an error of PDF not able to download.
I have doubt on the toDocument function , how that function will understand that the Id which I am passing Id a document Id in the KC , as when i check the definition of toDocument function , it will return you a document , it did not care about the what is the parameter is ..

Let me know if i am missing anything .

Regards

Manish

RE: PDF document preview

Sunil Zacharia — Wed, 25 Apr 2018 09:23:30 GMT

Hi Samuel,

We had exactly the same issue that you are facing currently and we came up with a workaround for this which works perfectly as we wanted it to. May be this can help you as well.

Pre-requisite:

Latest version of Appian is required (it is 18.1 when this reply was posted)

The browser used is "Google Chrome" with the below extension installed

Extension name: PDF JS PDF Viewer (v 2.0.466 or higher)

Source: Chrome Web Store

License: Free

Here's how you do it:

1. Create a webAPI component that takes the appian documentID as a parameter and returns a response in the below format:

(In version18.1 you can use the 'Document Download' template to automatically generate this code)

Headers

Content-Type: application/pdf

Content-Disposition: inline; filename="<fileName>.pdf"

Body

The document itself (todocument(<documentID>))

(Exception handling is not specified here. But must be in place.)

2. Now your webAPI will have a URL that would look something like this: <siteURL>/suite/webapi/document/12345 (12345 will be your appian documentID)

If the pre-requisite mentioned above is in place then you will already see the PDF displayed in your browser on entering the above URL with an existing documentID. This will be your first test to see if this approach would suit your needs.

3. In your SAIL interface you can now use the a!webContentField and pass this URL for the source parameter. Use the height to get the desired preview size.