Oxygen 13.2 Webhelp customize

[spherik]

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

[Radu]

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

[spherik]

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

[spherik]

Radu, That did it !

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

Thanks again.

[spherik]

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.

[Radu]

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:

Code: Select all

<link href="assets/ui.dynatree.css" type="text/css" rel="stylesheet"/>

<link href="assets/webhelp_toc.css" type="text/css" rel="stylesheet"/>

So for CSS selectors having the same importance, the "webhelp_toc.css" should have more priority.

Regards,
Radu