Skip to main content
CN13579
Inspiring
Oct 20, 2015 2:36 PM UTC
Answered

TOC overlapping in Responsive HTML5 Output

Basically, this keeps happening:

Is there a way to keep this from happening in Responsive HTML5 output? I'm pretty sure this won't get past our QA, then we're really in trouble.

This topic is closed to new replies. Start a new post to keep the conversation going.
Peter Grainge
Peter GraingeCorrect answer
Community Expert
Oct 28, 2015 3:59 PM UTC

Try this as a temporary fix.

****************************************

A temporary workaround for it is, in your layout.css, Modify the max-height to say 5000em for both the classes:

  • div.toc-holder ul li.child.show
  • div.toc-holder ul li.child.expanding.show

****************************************

The problem is being looked into by Adobe but meantime the above has been suggested.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
View reply

10 replies

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
Oct 21, 2015 11:46 AM UTC

I have referred the same problem to Adobe and will let you know the outcome.

Is this a merged project setup or just a single project?

Please copy the TOC and then experiment to find out if there is a critical number of topics when this occurs. Try deleting say 10 topics at a time.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Translate
Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
Peter Grainge
Community Expert
Peter GraingeCommunity ExpertCorrect answer
Community Expert
Oct 28, 2015 3:59 PM UTC

Try this as a temporary fix.

****************************************

A temporary workaround for it is, in your layout.css, Modify the max-height to say 5000em for both the classes:

  • div.toc-holder ul li.child.show
  • div.toc-holder ul li.child.expanding.show

****************************************

The problem is being looked into by Adobe but meantime the above has been suggested.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Translate
Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
CN13579Author
Inspiring
Oct 29, 2015 4:09 PM UTC

Thanks. That seems to help.

I'm still running into an issue where TOC Folders that have a lot of topics (50-70+) don't display anything in Responsive HTML5 Output. Could tweaking the layout.css fix that issue as well?

Translate
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices