(Tip3) Types of display modes of TOC in Responsive HTML5

If you have generated responsive HTML5 output from FrameMaker 2015 you must have noticed the TOC automatically changes its behavior from desktop to mobile. Actually the TOC changes from tree-view behavior to drill-down behavior.

The 2 display views of the TOC:

Tree View (shows all levels in single view) - Present by default in the Desktop
Drill Down View (with 1 level in single view) - Present by default in Mobile and Tablet

Drill down TOC - only one level is shown 

Tree view TOC - multiple levels of TOC are shown

Tree view TOC	Drill down TOC
For bigger screens	For Mobile screens
Takes more screen width	Takes lesser screen width
Display all levels	Display Single Level
Takes single click to explore	Takes multiple clicks to explore

There are times when you would want to have tree-view TOC for the mobile mode as well. If you wish to see Tree View in all screens - you may follow these steps:

FM >> Publish Dialog >> Responsive HTML5 >> Edit Settings >> Manage Layout >> Edit >> TOC (Tablet/Mobile) >> Mobile TOC drill down >> false >> Save >> Publish Output

Do let me know if this helped!