(Tip1) TOC nesting in Responsive HTML5 Publish output

The crux of any web output is its TOC (Table of Contents) - via which we navigate to the relevant topics. Hence creating a good TOC is an imminent part of FrameMaker outputs too.

When we create a TOC in FrameMaker - the initial TOC that gets created is flat. All topics appear at one level (and this is not what we would want:( )

Flat TOC :-(

To create TOC navigation levels in a TOC in FM Publish Outputs, we need to tweak the indenting, font size or weight property.

In FrameMaker published outputs TOC level is determined by any of these Para Tag properties:

- First Indent,

- Font Size,

- Font weight

Para Styles with higher font size and weight would become a parent of styles with lower font size or weight. Para Styles with higher First indent would become a child of styles with lower First Indent. 

i.e. If you wish to have Heading3 appear inside Heading2 like this:

Heading3

     Heading2

In Para Designer >> Update Para Designer properties of these 2 tags (Heading2TOC, Heading3TOC):

-  First Indent of Heading2TOC greater than Heading3TOC

- Or Font Weight of Heading2TOC less than Heading3TOC

- Or Font Size of Heading2TOC less than Heading3TOC

Nested TOC :-)

Yes, this could appear a little cryptic at the first go but once you use it - it would make lot of sense of this implementation. Do try it out and let me know if it works for you!