Oxygen XML Forum

In DITA WebHelp output, it looks like the jquery engine has changed between 13.0 and 13.2. I can no more customize my TOC tree icons and link/hover behavior (book, page, openbook -one one gif) as I did.

Can someone please help me with a new customizing procedure for the TOC tree icons/links on 13.2 ?

Many thx

Hi,

Yes, the engine used to build the TOC has changed to allow for easy loading of very large TOCs without blocking the browser in any way.

The folder:

OXYGEN_INSTALL_DIR/frameworks/dita/DITA-OT/plugins/webhelp/resources/assets/images

contains images used in the TOC, unfortunately we should have done a better job cleaning it out, from it the image which is used for the TOC is called "icons.png" which is referenced in the:

OXYGEN_INSTALL_DIR/frameworks/dita/DITA-OT/plugins/webhelp/resources/assets/ui.dynatree.css

The fact that "icons.png" contains more than one image inside it is a trick in order to increase the load speed of the page, the selectors in the CSS which use the image have different "background-position"'s for it, thus rendering different parts of the image.
So you could probably try to modify the "icons.png" to replace the help icons with folder icons.

Regards,
Radu

Thanks Radu, I'll be back to you on that.

Radu, That did it !

I modified the icons.png file and I have what I need...

Thanks again.

Radu,

It looks also that the stylesheet affecting the tree (in webhelp toc)has changed or is not the same. ui.dynatree.css seems to control a bunch of styles on the TOC tree, but with strange objects (container, ds, etc.). It is seemingly overriding webhelp_toc.css. I can't obtain the same behavior as on v. 13.0.

Hi,

I do not know exactly what customizations you had.
Indeed both CSS files can be used to customize the TOC.
Both stylesheets you discussed are linked in the HTML like this:
So for CSS selectors having the same importance, the "webhelp_toc.css" should have more priority.

Regards,
Radu