Page 1 of 1
How to change topic icon on webhelp TOC
Posted: Mon Aug 20, 2012 6:39 pm
by tommyr
Hello,
I would like to change the icon from the question mark to a book. How would I accomplish this?
Re: How to change topic icon on webhelp TOC
Posted: Tue Aug 21, 2012 9:03 am
by 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