Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

TOC can only get five items to appear... #90

Open
sportyguy209 opened this issue Dec 13, 2012 · 14 comments
Open

TOC can only get five items to appear... #90

sportyguy209 opened this issue Dec 13, 2012 · 14 comments

Comments

@sportyguy209
Copy link

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
@sportyguy209
Copy link
Author

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.

@ffranke
Copy link
Owner

ffranke commented Dec 14, 2012

does it work in landscape and portrait?
Thanks!

@sportyguy209
Copy link
Author

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

@tonyrh
Copy link

tonyrh commented Dec 24, 2012

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! :)

@timpeix
Copy link

timpeix commented Jan 8, 2013

@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.

@tonyrh
Copy link

tonyrh commented Jan 20, 2013

@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.

@sacotu
Copy link

sacotu commented May 9, 2013

@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.

@tonyrh
Copy link

tonyrh commented May 9, 2013

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

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

Does your fix work if you try this?

@sacotu
Copy link

sacotu commented May 9, 2013

img_0766

@tonyrh Like this one? See the arrow.

@tonyrh
Copy link

tonyrh commented May 9, 2013

@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.

@petesavva
Copy link

anyone found a solution to this yet?

1 similar comment
@petesavva
Copy link

anyone found a solution to this yet?

@thecyr
Copy link

thecyr commented Oct 22, 2013

I'm getting the same issue.

@lumierephoto
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
8 participants
@ffranke @lumierephoto @tonyrh @sportyguy209 @timpeix @petesavva @sacotu @thecyr