How to Customize the Appearance of Selected Items in the Table of Contents
Edit online

The appearance of selected items in the table of contents of WebHelp Classic output can be enhanced.

For example, to highlight the background of the selected item, follow these steps:
  1. Locate the toc.css file in the following directory:
    1. For DITA transformations: DITA-OT-DIR\plugins\com.oxygenxml.webhelp.classic\oxygen-webhelp\resources\css.
    2. For DocBook transformations: [DocBook XSL directory]\com.oxygenxml.webhelp.classic\oxygen-webhelp\resources\css.
  2. Edit that CSS file, find the menuItemSelected class, and change the value of the background property.
  3. Run the transformation.
Note: You can also overwrite the same value from your own custom CSS and then specify the path to your CSS in the transformation scenario by doing one of the following:
  • For DITA transformations, use the args.css parameter and set its value to the path of your custom CSS file. Also, set the args.copycss parameter to yes to automatically copy your custom CSS in the output folder when the transformation scenario is processed.
  • For DocBook transformations, use the html.stylesheet parameter and set its value to the path of your custom CSS file.