Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes
Hi,
How can I change the size of the "corner area" witch turn the page in flipbook export?
In some pages, i've to put buttons near this "area", so instead of clicks buttons, the page turn...
Thanks
in how_to by (670 points)
  

Startupshive is all about the collaborative growth of your startups. Our prime focus is on laying out highways where you can ride at an unstoppable pace without any hiccups. At StartupsHive we make it possible to accomplish your unique plan. All your success is celebrated.

Here at Startupshive, we are more of a family than a team that comes from different backgrounds with extraordinary skillsets; this puts more on the table to grab. We believe in learning and helping collaboratively because that’s how we grow together. We lay our prime focus on human interaction and get the benefits out of their industrious experiences.

1 Answer

0 votes
 
Best answer

To change the size of the corner area or completely remove the page curl effect, open assets/js/turn.min.js and change cornerSize:100. A smaller number reduces the size of the page curl, and 0 removes it completely. 

You can edit turn.min.js in either Dreamweaver or a text editor. If you're an Adobe Creative Cloud all apps subscriber, then you have access to Dreamweaver where you can edit it and see the changes. If you open the exported index.html file in Dreamweaver, then all the associated files will open. Click on turn.min.js at the top to open it. You can use Command (macOS) / Ctrl (Windows) + F to search for cornerSize:100 and change it in the file. Text editors that you could also use to make the change would be TextEdit (macOS) or Notepad (Windows).

by (26.1k points)
selected by
Thanks for the reactivity !
You're very welcome. :)
That's some great info. Does that also work with editing Page Next Arrows that you can enable in the export? What JS file would that be in.

Also, on the topic of Flipbooks. I can embed the exported flipbook into a new inDesign doc that is my main site. But how can I control the book's nav using buttons I make in the bigger site, so I can create our own visuals for nav outside of the page curl and swiping?

I replied earlier to your other post about the Back and Next arrows here:

When you embed a flipbook into another website using InDesign, you're using an iframe which in5 can create for you by using the in5 Web Content interactive widget or by adding an embed code that has been generated for you (and which includes the iframe) from a third party such as YouTube or Google Maps when you go to Object > Insert HTML...
If you want to create a link on the website that opens a specific page inside the iframe, then you can do that using the name attribute (in the example below "[URL]" is the url of the embedded content and the hashtag after the url in the link is the syntax you would use to tell the browser to go to page 3 of the flipbook on that page):
<iframe ... name="iframe1" src="[URL]" ...></iframe>
<a href="[URL]#p=3" target="iframe1">Link to page 3 of the document</a>
How do I find the name of my iframe generated by the in5 web content inserted onto the page? Also can the target be next page or previous page like a #p+1 or -1?
When you embed content using the in5 Web Content interactive widget, the iframe that is generated does not include a name attribute. You would need to edit the code manually to add it.

You would need custom code to dynamically change the page that the button would target. You may need to hire a web developer to help.