Laker-Compendium TOC can only get five items to appear...

I have modified the width of the content on line 21 in the index.html toc file, but no matter what size I change it to, I can't get more than 5 items to appear in the TOC. Any help would be appreciated.

TIA

Dec 13 '12 22:12 sportyguy209

I figured this one out. In addition to modifying the index.html file, you also need to adjust the nav.css stylesheet and add width to the body.body-toc-ios on line 297.

Dec 14 '12 02:12 sportyguy209

does it work in landscape and portrait? Thanks!

Dec 14 '12 10:12 ffranke

I just have my publication set for landscape only and it works there, but I don't know about for portrait.

Dec 14 '12 14:12 sportyguy209

I can't fix this issue. I have 19 dossiers (including cover) so I changed body.body-toc-ios width to 7790px (410*19) in nav.css

I also changed index.html line 21 to:

<meta name="viewport" content="width=7790, height=197, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

If I do this, the ToC scrolls horizontally, which is fine. But it also scrolls vertically, which is wrong. I'm using an iPad 2 with iOS 6 and Xcode 4.5.2. Please help! :)

Dec 24 '12 12:12 tonyrh

@tonyrh I just ran Laker for the first time, but I think I found a solution for the wrong display of the ToC. Just remove the width at line 21 inside index.html:

This worked for me. Hope it helps you out, too. Reason might be the updated Baker 4.0 Framework. I checked the index.html inside their sample HPub »a-study-in-scarlet«, in which the ToC looks perfect. There is no width specified.

Jan 08 '13 14:01 timpeix

@timpelx Thanks but removing the width inside index.html does not solve the issue for me. Also I don't think this bug is related to xcode caching because it happens even with a published app, not only when testing locally.

Jan 20 '13 10:01 tonyrh

@tonyrh To solve the problem open nav.css and add height: 197px;

Line 297:

body.body-toc-ios { width: 2870px; height: 197px; margin: 0px; padding: 0px; background-color: #000; height:197px !important; overflow-x: auto; overflow-y: hidden; }

It works for me. Bye.

May 09 '13 12:05 sacotu

@sacotu Thanks, but this does not solve the issue, at least for me. The bug is a little tricky to reproduce, but try this:

Start app from xcode (at this point the bug is not there, nav menu is working fine)
Close app from xcode and double click ipad home button -> long tap on app icon -> tap on minus sign
Start app again (the bug is present)

Does your fix work if you try this?

May 09 '13 13:05 tonyrh

@tonyrh Like this one? See the arrow.

May 09 '13 13:05 sacotu

@sacotu yes something like that. Sometimes (after closing* and re-launchig app) the nav menu becomes vertically scrollable.

*quitting the app, not just putting it in background.

May 09 '13 14:05 tonyrh

anyone found a solution to this yet?

May 12 '13 02:05 petesavva

anyone found a solution to this yet?

May 12 '13 02:05 petesavva

I'm getting the same issue.

Oct 22 '13 00:10 thecyr

I didn't have any issues implementing the additional ToC's.

Currently I have 7 so I changed the width in this line in index.html:

<meta name="viewport" content="width=2870, height=197, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

And I did some inline CSS also in the index.html:

  <body class="body-toc-ios" style="width: 2870px;">

I've tested on iPhone 4s and iPad 2. Works just fine.

Also, my magazine is set for portrait only.

Jun 06 '14 01:06 lumierephoto