Customizing TOC Icons easily

Now that you've added Notepad to the shortcut menu (See previous step), try the next exercise which involves opening a Table of Contents (HHC) file to Notepad. Next you add custom icons to a series of topics. In this exercise you create a custom icon on one topic, then add the same icon to several other topics by opening the HHC file.

Try this:

  1. Open any RoboHTML project.
    You should practice on a test project.

  2. Click the TOC tab.

  3. Select any TOC page icon.

  4. Click the right mouse button and choose Properties.

  5. Click the Advanced tab, change the Image Index to number 18, or any number you choose, and click OK.

    The icon will not appear to have changed.  The icon only appears in the compiled HTML Help system.

  6. Click the Save All button and close your RoboHTML project.

Adding the image icon to several topics

Note: It is recommended you create a backup copy of the project.hhc file before attempting this procedure.

  1. Open the Windows Explorer.

  2. Navigate to your project folder.

  3. Locate Table of Contents file (this file ends with HHC).

  4. Right-click the file and choose Send To > Notepad

  5. Scroll down until you find the item with the Image icon added earlier.

    Each page in the table of contents is represented by an object tag in HTML. The first <param name tag is the page description the user sees; the second <param name tag is the target HTML file; the third <param name tag is the image icon added earlier. To quickly assign the same image to several topics simply copy and paste the image <param name tag and paste it into other pages.

  6. Highlight the line (as above) and copy the text using Edit: Copy.

  7. Paste the code into the same position on each of the icons as below:

  8. Save the file.

  9. Open your project.

  10. Compile your project and view the results.

Next, Adding Shortcuts to Tools tab