cancel
Showing results for 
Search instead for 
Did you mean: 

PDF Viewer for SAPUI5 Application

Former Member
0 Kudos

hi,

I am looking for a possibility to view pdf documents within the application.

anyone tried methods for this?

my first solution was sending generated blobs to src of an iframe, but incompatibilities

with scrolling was the result.

thanks for any suggestions.

Danilo

Accepted Solutions (1)

Accepted Solutions (1)

Former Member
0 Kudos

Update:

- build ui5-pdfViewer with pdf.js

- seems to be best device(client) independent solution.

tested: mozilla firefox, internet explorer, chromium, ios safari

features:

- page selection with ui elements,

- zoom +/- (wheel and ui elements),

- pointer drag clipped page content when zoom>1

Former Member
0 Kudos

Hi Danilo,

would you please blog how you resolve you problem in detail? it's very usefull to me to know, how you embedd pdf.js into the ui5 framework.

thangs in advance!

WRoeckelein
Active Participant
0 Kudos

Is your ui5-pdfViewer publically available?

Former Member
0 Kudos

I've build a basic PDF-Control using pdf.js.

Can be found here: https://marketplace.ui5.de/controls/pdf

It is free.

Answers (4)

Answers (4)

agentry_src
Active Contributor
0 Kudos

Locking thread against hijacking and necromancy.

Regards, Mike (Moderator)

SAP Technology RIG

Former Member
0 Kudos

Hi All !


This JS is working with manual zoom and scrolling. Actually i want to make it like as a smartphone touch screen zooming. How can i do that?


Thanks in advance ...

Former Member
0 Kudos

Hi ömer,

you want to catch touch and swipe events to make real exprience for zoom and drag? try to use jquery event plugins like: touchSwipe.

i used this one in the past for creating googlemaps style application with static images. it can help you too...

i will publish the full blog post for creating the pdf viewer in ui5 in the near future.. currently i'm busy in projects.

bye. Danilo

ChandraMahajan
Active Contributor
0 Kudos

Refer http://scn.sap.com/thread/3410292

Regards,

Chandra

konstantin_anikeev
Active Contributor
0 Kudos

Hi Danilo,

what do you mean with "incompatibilities with scrolling"?

Regards

Konstantin

Former Member
0 Kudos

i tried to attach the iframe to the content (on ipad!) the iframe will not be scrollable.

if you try to (scroll)-swipe the pdf in the iframe, the whole application moves to the scroll direction.

on desktop everything works well.

Danilo.

konstantin_anikeev
Active Contributor
0 Kudos

Hi Danilo,

I'll try to check this...

Waht MVC structure do you have? App->Page->iView?

What properties has the page with iView?

Regards

Konstantin

Former Member
0 Kudos

Thanks Konstantin,

I used "m.Shell" with "m.SplitApp" and some xml based Master/Detail pages.

Regards,

Danilo.

konstantin_anikeev
Active Contributor
0 Kudos

Hi Danilo,

had no time yet to check the issue.

Could you please check http://stackoverflow.com/questions/14183647/scrolling-iframe-on-ios-is-solved-but-the-iframe-page-di...

Looks like iframe is a common problem on ios.

Regards

Konstantin

Former Member
0 Kudos

Hi Konstantin,

nice jquery addon - but not really a solution for me. because the iframes content is "application/pdf" without any js-logic. standalone iframe works on ios devices,

but not embedded in splitapp.

Best Regards,

Danilo

konstantin_anikeev
Active Contributor
0 Kudos

Hi Danilo,

created a blog post. May be helpful for your issue.

Regards

Konstantin

Former Member
0 Kudos

thanks for your work! i'll try it and  give you response!