• Register
Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.

page navigation(arrows) and sliding not working in liquid format

0 votes
Hi,

I have a document in inDesign (CC 2014) with custom navigation added (css and additional html appended).

When it is published as slide horizontal/or scroll horizontal the pages can be controlled/slided in browsers and mobile devides (I use iPad). When the document is published in liquid format, it starts and stops on the first page when seen on iPad. In browsers it works. I spent countless hours trying to figure out what am I doing wrong, but no solution as for now.

I am pretty sure that the problem is in the custom navigation that I added to the document. I tried to modify it in all possible ways but still cannot make it to work on iPad in liquid format.

Please see the testing version here:

http://paleonet.co.uk/UoL/test_nav/

I would be gratefull for pointing me in right direction in order to fix it.

Many Thanks!
asked May 28, 2015 in how_to by czarrna (350 points)
    

1 Answer

0 votes
 
Best answer
The added JavaScript code is causing a handful on errors. A block of JavaScript will stop running when it encounters an error. There are also several missing resource files.

I would suggest using the browser's web inspector tools to troubleshoot the errors: https://developer.chrome.com/devtools
answered May 28, 2015 by justin (135,050 points)
selected Feb 5 by justin
Hi Justin,

Many thanks for looking into this.

I tried to add some another navigation (made by developer)to have another go with custom navigation. Situation is the same (http://paleonet.co.uk/UoL/test_nav/
).

Following your advise I checked the errors with chrome developer tools and got two minor errors, including one by in5.

It looks like the the document created by in5 will not work with any more complicated navigation. I will be very happy to be proved wrong as I really need such customised navigation for my project and I enjoy working with in5, it is amazing software.

If sending source files will help please let me know.

I will appreciate your help.
Hi czarna,
From what I could see in the files, this looks complex enough that you may need to hire a developer.

What is your goal in adding this particular navigation? Maybe I can point you to another solution...
Hi Justin,

Thanks for prompt reply.

I need navigation of more or less the structures that you have seen from the two examples. The first one was done entirely by me, so I can easily accept the fact that java script might have some errors as I am not java script developer. The other navigation, however, was done by a developer, and, as similar to my original idea, added to test if it's working with in5 - not working as you can see.

I need a lot of features to be included in the navigation, i.e. scrollable table of content with at least one sublevel (there will be lots of chapters in the document); glossary, also run with js, tooltips; some animations (full screen) called from the navigation. This was exactly what I constructed, all working in browsers.

The goal is to have an application for mobile devices with navigation as in the example. I need it to slide over the content (not pushing the content).

If there is another solution for what I need, I would be happy to experiment.

Many thanks
Hi again,

I checked this with all sorts of menu's and it seems like in5 works only with pretty simple css menus. Whenever I add more complex menu with additional js files or scss files it stops working in mobile devices.

I still hope that there is some trick to make it working that I don't know about.

Thanks for looking into this.
Hi czarna,

It's hard to say. It isn't as if there's one type of menu functionality. JavaScript can do all kinds of things. The simplest solution might be to put the menu in its own iframe, that way its code won't interact with in5. Any links can then reference the "_top" frame as the target (or window.top in JavaScript).
...