Oxygen XML Forum

jojobar wrote:1. I would like to put some icons on the header of the webhelp (classic) so that user can download pdf and chm version of the help files.

<div class="links">

    <div class="pdf-link">

        <a href="${oxygen-webhelp-output-dir}/pdf/flowers.pdf">

            <img src="${oxygen-webhelp-output-dir}/pdf/pdf-icon.png"/>

        </a>

    </div>

    <div class="chm-link">

        <a href="${oxygen-webhelp-output-dir}/chm/flowers.chm">

            <img src="${oxygen-webhelp-output-dir}/chm/chm-icon.png"/>

        </a>

    </div>

</div>

docs

  -- pdf

    -- flowers.pdf

    -- pdf-icon.png

  -- chm

    -- flowers.chm

    -- chm-icon.png  

.pdf-link {

    /* Add your styles here. */



}

jojobar wrote:2. Also, I would like to replace the search with my own search (for example google custom search)

alin wrote:Hello,

The XHTML fragment should contain the links to the PDF and CHM files. For example:

Code: Select all

<div class="links">

    <div class="pdf-link">

        <a href="${oxygen-webhelp-output-dir}/pdf/flowers.pdf">

            <img src="${oxygen-webhelp-output-dir}/pdf/pdf-icon.png"/>

        </a>

    </div>

    <div class="chm-link">

        <a href="${oxygen-webhelp-output-dir}/chm/flowers.chm">

            <img src="${oxygen-webhelp-output-dir}/chm/chm-icon.png"/>

        </a>

    </div>

</div>

Note that the links use the "${oxygen-webhelp-output-dir}" macro in order to specify the paths relative to the WebHelp output directory.

You can find the procedure of including custom HTML content in your WebHelp output files at:
https://www.oxygenxml.com/doc/versions/ ... hing2.html

The PDF and CHM files and the icons for the links should be copied to the WebHelp output directory. The steps to do this can be found at:
https://www.oxygenxml.com/doc/versions/ ... urces.html

In my example the additional resources were placed in a folder named "docs" as below. The path of this folder should be configured in the transformation scenario as described in the above procedure.

Code: Select all

docs

  -- pdf

    -- flowers.pdf

    -- pdf-icon.png

  -- chm

    -- flowers.chm

    -- chm-icon.png  

You can also apply CSS styles on the generated links by contributing a custom CSS file to the WebHelp transformation.
For example:

Code: Select all

.pdf-link {

    /* Add your styles here. */



}

This procedure can be found at: https://www.oxygenxml.com/doc/versions/ ... n-css.html

... could not find webhelp.body.script and created a new property with this name.