Skip to main content

FAQ: Can I make a flipbook full screen?

There is no native functionality in iPaper to make Flipbooks full screen, but you can enable it via Custom Scripting.

Updated this week

While some are used to having the option to make an image or video fill up the entire screen, with Flipbooks there is no native functionality in iPaper to make your flipbook full screen.

You can, however, add such functionality 'on top' of your flipbook with Custom Scripting, for example a button CTA that would force full screen.

You can see an example here. Click the button CTA in the lower right corner to enable full screen.

Please note that not all browsers support the Fullscreen API. Read more here.

General guidance for the Custom Scripting code

Step 1: Create style tags. All your code should be inside of those.

Step 2: Create a function that toggles full screen on and off. This function should check if the document is currently in fullscreen.

  • If it's not, it should request fullscreen on the whole page.

  • If it is, it should exit fullscreen mode.

Step 3: Make a function that runs after the DOM has loaded. This function has to create a button that trigger the toggle function.

Step 4: Set the button text (e.g., "Toggle Fullscreen") and give it a fixed position on the screen, and define the style of it.

Step 5: Give the button an on-click event that calls the function from step 1.

Step 6: Append the button to the body of the document.

If you need help making your flipbook full screen with Custom Scripting, please contact us at support@ipaper.io.

Did this answer your question?