Display multi-page XOD as a single page

[Matt Parizeau]

Q:

Is it possible to display a multi-page PDF/XOD as a single page?

A:

You could use DocumentViewer's SetMargin function to set it to 0 and then disable the shadow on elements with the pageContainer class.

The code would look like:

$(document).on('viewerLoaded', function() {

    readerControl.docViewer.SetMargin(0);

});

And then in docViewer.css look for the .pageContainer css style and remove the box-shadow lines.

[Chen NY David]

Hi Matt,

I like about the cover and cover continuous on the desktop. In the tablet or mobile viewer mode, it display page 1 & 2 as cover. 

How do I do around with page 1 and page 2&3,4-5 .... in mobile viewer ?

Thank you.

David 

[Matt Parizeau]

Hi David,

At the moment there isn't a built in way for the mobile web viewer to display documents in this mode. It does make sense that this viewing option should be available though so we'll add it to our list of feature requests. To add this viewing mode the only file that would need to be changed is MobileReaderControl.js, so technically it's possible you could try implementing this yourself as we provide the source code for that file, however from my brief look it seems like the required changes might not be completely straightforward.

Matt Parizeau

Software Developer

PDFTron Systems Inc.

[David Compton]

Hi Matt,

Has this enhancement been added to MobileReaderControl yet?

Kind regards,

David

[Justin Jung]

Hello David,

If you are trying to apply cover page mode in mobile viewer, you can simply add the following to config.js:

$(document).on('viewerLoaded', function() {

    readerControl.setLayoutMode('Cover');

});

[David Compton]

Hi Justin,

I must have missed your reply to this question.  I'm back looking at this issue again now.  What I'm after is continuous page mode in the mobile viewer.  Is there now anyway to implement this? 

Kind regards,

David

[Justin Jung]

Hello David,

Currently the default MobileReaderControl is not setup to display pages in continuous mode.

It is possible for anyone to achieve it using the WebViewer APIs, but it's not a trivial implementation.

We are planning to provide an improved viewer sample next year that among other things will support continuous mode in mobile devices.

Justin Jung