search

readium / readium-js-viewer

👁 ReadiumJS viewer: default web app for Readium.js library
BSD 3-Clause "New" or "Revised" License
550 stars 186 forks source link

[QUESTION] How to render a single book page without the reader UX? #701

Closed UncleGene closed 6 years ago

UncleGene commented 6 years ago

Is there any example/simple way to create a minimalistic reader that shows a single book page (in a predefined container) and have only prev/next navigation?

rkwright commented 6 years ago

@UncleGene Unfortunately, no. Can you provide some more info on the usage/plan? Obviously, if you would like to create such an example, we would be very pleased if it were contributed back.

You might also want to check out the CloudReader Lite, which does render EPUBs without the UI of the "full" CloudReader.

UncleGene commented 6 years ago

The usage I was looking for was to have a reading pane on half of a screen, and additional interactions/navigation on another half. It does not seem that Readium is designed the way to allow more granular usage, but I hoped I just was missings something...

On Tue, May 15, 2018 at 11:51 AM, Ric Wright notifications@github.com wrote:

@UncleGene https://github.com/UncleGene Unfortunately, no. Can you provide some more info on the usage/plan? Obviously, if you would like to create such an example, we would be very pleased if it were contributed back.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/readium/readium-js-viewer/issues/701#issuecomment-389274196, or mute the thread https://github.com/notifications/unsubscribe-auth/AAFi5AEP70iSxfnyFzlLL7QfEE-zLwqAks5tyyOigaJpZM4T_8lr .

danielweck commented 6 years ago

As @rkwright alluded to, the lite variant of the cloud / web reader is purely a "reader" app (no "library" view).

That would be a good starting point. Then, you could strip-down the existing UI by altering the HTML templates and CSS files that define the application UI (for example, to hide all but the previous/next arrows). Alternatively, you could also modify the HTML / CSS in order to display the interaction/navigation features as per your above description.

At any rate ; to answer your original question ; there isn't any "example/simple way to create a minimalistic reader", as I am afraid this it not an out-of-the-box / off-the-shelf feature that Readium cloud/web reader is currently geared for (in other words, you would have to implement this yourself).