• Adobe RoboHelp Tutorial

Customizing, Adding ToC and Index Controls



You can select a custom font for displaying book and page titles and can create a 3D look for the ToC. You can also add ToC and index controls for better navigation.

Customize a ToC

Right-click on a layout for HTML Help output in the Single Source Layouts pod and select Properties. Click Edit next to Advanced Settings and click on the TOC Styles tab. Set the style options as needed and then click on OK.

Customize ToC

Add ToC Controls(HTML Help)

Open a topic in the Design view. Click where you want to add the table of contents. In the HTML section of the Insert tab, select Table of Contents from the Javascript menu. The Contents control appears in the Design Editor.

To test the control, generate the project. The Table of Contents control displays the same table of contents as in the final output.

Add ToC Controls

Add index controls(HTML Help)

If your project does not support a tri-pane design, you can add an index control to a topic to make the index file available. The index appears when the topic is opened with the index control. In the Design Editor, open the topic with the control and click where you want to add the index.

In the HTML section of the Insert tab, select Index from the JavaScript menu. The Index control appears in the Design Editor. To test the index control, compile the project. The index control displays the same index as in the final output.

Add index controls
Advertisements