A PDF Viewer Panel - No Browser Plugin required, pure JavaScript

[SunboX]

Thank you for that work, I was looking for the plugin since a while !

However, when built for iPhone / iPad with PhoneGap (Cordova), there is an error, the log begin with :

AppDelegate::shouldStartLoadWithRequest: Received Unhandled URL

Everything is loaded except the pdf, so no text is displayed, just 14 whites pages (with the your pdf link).

An idea to make it working ? :-(

This issue will be fixed with PhoneGap 2.1.0

https://issues.apache.org/jira/browse/CB-1380

greetings Sunny

[pthirlby]

Hi - I have been using this tool for a client project and it seems to be dependant on the PDF. PDFs over about 1.5Mb don't want to play at all. My client also has some PDFs that are pure scans - the viewer could cope with those. However, PDFs that were almost pure text work fine - if a bit slowly.

[hotdp]

Hi - I have been using this tool for a client project and it seems to be dependant on the PDF. PDFs over about 1.5Mb don't want to play at all. My client also has some PDFs that are pure scans - the viewer could cope with those. However, PDFs that were almost pure text work fine - if a bit slowly.

Hi,
Have you found a solution for the problem?

[pthirlby]

Hi - no, I didn't. We took a different appoach and found a tool that we installed on the backend. This took the PDF from the database and then delivered the page that we requested as a JPG. It works really well - the jpgs are only 400k and deliver very quickly to the device so it doesn't really matter how many pages the pdf is.

[loveferoz]

hey sunny i really need this plugin to work for Phonegap, have you done the same for it.. or is that it works only on sencha

[dadaking]

Hello,

I try to use your pdf viewer. I try to give him an array of byte, but I not found any exemple which show how do that.

Can you explain me how I can do?

There is my panel.pdf :

var pdfPanel = Ext.create('Ext.ux.panel.PDF', {
    id: 'pdfFrame',
    title: bundle.getMsg('Central.Pdf.Title'),
    bodyStyle:'padding:5px 5px 5px 5px',
    flex: 1,
    loadingMessage: bundle.getMsg('Central.Pdf.Waiting')
})

I try to feed him when I click in an tree panel.

Thanks for your answers.

[acorotchi]

Hi guys,

Have someone figured out how to fix production issue, I do have as well this issue ,

I have the same issue like "Morphew", when in normal and testing mode works fine but when I try to build on production

i get:

Error: stream must have data pdf.js:1    at di (http://localhost/~corotchi//www/build/production/sdk/pdf.js/pdf.js:1:8102)
    at cy (http://localhost/~corotchi//www/build/production/sdk/pdf.js/pdf.js:1:8683)
    at Object.dZ (http://localhost/~corotchi/www/build/production/sdk/pdf.js/pdf.js:1:5273)
    at Object.dX (http://localhost/~corotchi/www/build/production/sdk/pdf.js/pdf.js:1:5115)
    at d1 (http://localhost/~corotchi/www/build/production/sdk/pdf.js/pdf.js:1:776677)
    at d3 (http://localhost/~corotchi/www/build/production/sdk/pdf.js/pdf.js:1:777587)
    at <error: Error: INVALID_STATE_ERR: DOM Exception 11>

Thanks

[Prozaxx]

I am trying to use this but I get an error :
Uncaught ReferenceError: PDFJS is not defined

I have added everything from lib to my project and I cant seem to make it work. I am using Intelij Idea. Can someone please help me?

Also, when I open pdf.js Idea highlights it as if it had a lot of errors in it.

Thank you

[acorotchi]

How do you include the PDF.JS in your app ? Fells like it cannot find it.

[Prozaxx]

I have added the pdf folder containing pdf.js and compatibility.js as a global library to my project. I am also using chromium if that helps.

The weird thing is that when I Ctrl + click on PDFJS where it is used in ux.panel,pdf.js, it does indeed go to pdf.js that was included along with the library.

This is how I use it in my app. The panel opens alright, but the pdf doesnt.

                    this.getDocumentsContainer().push({
                        xtype: 'pdfpanel',
                        fullscreen: true,
                        layout: 'fit',
                        src: 'http://cdn.mozilla.net/pdfjs/tracemonkey.pdf', // URL to the PDF - Same Domain or Server with CORS Support
                        style     : {
                            backgroundColor: '#333'
                        }
                    });