How to change topic icon on webhelp TOC

[tommyr]

Hello,

I would like to change the icon from the question mark to a book. How would I accomplish this?

[sorin_ristache]

Hi Tom,

The icons in the Contents tab of the WebHelp output are loaded from the file [Oxygen14.0-install-dir]\frameworks\dita\DITA-OT\plugins\com.oxygenxml.webhelp\oxygen-webhelp\resources\img\icons.png which is copied automatically by the DITA WebHelp transformation to the output directory of the transformation. The icons are extracted from this PNG image by the CSS stylesheet [Oxygen14.0-install-dir]\frameworks\dita\DITA-OT\plugins\com.oxygenxml.webhelp\oxygen-webhelp\resources\css\ui.dynatree.css. For example the icon with the question mark is displayed by the following code from ui.dynatree.css:

Code: Select all

span.dt-icon /* Default icon */

{

    background-position: -17px 0px;

}

So you will have to edit the icons.png file and replace only the question mark fragment which starts at 17 pixels to the right from the top left corner.

I know this is not very convenient for changing the icons of the Contents tree and we plan to split this image into multiple icon files in a future version of Oxygen.


Regards,
Sorin