I'm working on making a navigation for digital ebooks, my first method was using the in5 menu builder, using the sliding door option. It works fine based on my TOC bookmarks, however for documents with a good number of bookmarks the builder by default creates a menu that extends below the page. From there, i copied the group with all the buttons for the navigation and pasted it into a frame the height of the page and made it scrollable. The issue with this method is that you have to re apply 2/3s of of the button actions the menu builder created, specifically Animation and Show/hide menu actions.
Is there a way to edit the default text frame/button sizes as well as the gap thats created between them? by changing one frame/button's height to be auto sized with a minimum height, and resetting the object style based off that i was able to create a menu with different sized buttons, but they retained the default space between centers of the buttons, making the gaps even bigger. i havent found a code/script file that i can edit for this as of yet.
My second method was putting the TOC in a sliding window housed on a parent page, but obviously that didn't work since parent pages can't have links.
My next method of making a TOC navigation is to use CSS and JS to generate a navigation based on the info and linked video in this post:https://ajarproductions.com/pages/products/in5/answers/2408/custom-css-navigation-links-to-pages
The issue there is when exporting to Multi-page web, each page has its own HTML file and therefor the script only picks up the bookmark data from the current page. how would i go about editing the code Justin provided in the example to pickup all the bookmark data for the document, and therefore make one navigation with all the bookmarks collected?
There is a way to continually update the space between the frames, after a size adjustment has been made. I generally set the auto-size of the text frame to grow in height only and from the center up and down (see image)... and build that into my object style. Once the text has been updated in the frames, they will adjust their size.
Next, select all the frames, go to Window > Object & Layout > Align and go to the bottom of the panel under Distribute Spacing (if you can't see that option, choose Show Options from the panel menu). Select Use Spacing and set the amount to zero (0). Select all your text frames in the menu, and click the little diagram for Distribute Vertical Space.
Run the Distribute Spacing after each adjustment to the individual text frames.
right now i'm trying to get the following code set to pick up all the data-bookmarks from the project and use that info to generate a menu, but i'm having a hard time understanding jquery.
the .page attribute seems to indicate it is only going to look at the current html page for its data-bookmark info which is the case, each page on export only has a link at the top referencing the bookmark for that page if it has one, and im guessing because the one the nav.to is written it always links back to the first page. removing the .page bit doesnt make a difference