Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes
Dear Myra,

thank you very much for your quick reply. I forgot to mention that I had already tried to deselect enable click navigation. But unfortunately it did't work. SO after exporting to html5 I was still able to navigate using the left and rijght arrow. I still haven't been able to upload the file on internet. But I do have a zip file of the assets and the html which can be downloaded with WeTransfer through this link: https://we.tl/t-5LuV1y3CRQ

Again many thanks for your time.

Kind regards,

related to an answer for: Removing Keyboard arrows
in how_to by (160 points)

1 Answer

0 votes

Oh, my apologies. I meant deselect Enable Keyboard Navigation in the Presentation Mode dialog (in5 > Enhancements > Presentation Mode).

by (29.5k points)

I replied to Vasilis via email after reviewing the files. Here's what anyone else can do if you have a Slider document that you would like to not use keyboard navigation:

The Slider page formats include keyboard navigation by default regardless of whether or not Enable Keyboard Navigation in Presentation Mode is selected.
I would recommend setting the page format to Flipbook in the Export HTML5 with in5 dialog (in5 > Export HTML5 with in5...and making the following modifications so that the Flipbook will look more like the Slider but not allow keyboard navigation:
  1. When exporting either by going to in5 > Export HTML5 with in5... or to in5 > Easy Export Wizard... and click the Advanced button, go to the Basic section of the Export HTML5 with in5 dialog and set the Page Format to Flipbook
  2. Go to the Resources section of the Export HTML5 with in5 dialog
  3. Copy the following CSS, click the + button in the CSS portion, and click Paste code... to remove the shadows that are a part of the flipbook
    • .turn-page {
      -moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
      -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
          box-shadow:0px 0px 0px rgba(0,0,0,0);
  4. Copy the following JavaScript, click the + button in the JavaScript portion, and click Paste code... to force the Flipbook to be a single page instead of a 2-page spread: 
    • getOrientation = function(){ return 'portrait'; };
  5. Click OK to export
  6. Make the following manual edits to assets/turn.min.js (To modify the code, open the assets/turn.min.js file in a text editor such as TextEdit (macOS) or Notepad (Windows) or in an IDE such as Dreamweaver which is available if you have the full Adobe Creative Cloud subscription):
    • Open assets/js/turn.min.js and change cornerSize:75 to cornerSize:0 to remove the corner peel
    • Search for the two instances of duration:600 at the top. Replace both of those with duration:0, to remove the page animation