Page 1 of 1

Responsive Webhelp : Add footer with links to topics

Posted: Fri Jul 06, 2018 11:19 pm
by urbanrobots
Hi,
We have frontmatter and glossary content in the ditamap that we'd like to include in the footer of the responsive webhelp. We can easily hide this content from the wh-tiles. However, it's trickier to then add these two hidden sections as links in the footer.

You do this on this page:
https://www.oxygenxml.com/doc/versions/ ... webauthor/

The footer has links to Glossary and Copyright.

How did you do this? We'll need these to be dynamic based on that ditamap.

Re: Responsive Webhelp : Add footer with links to topics

Posted: Mon Jul 09, 2018 3:03 pm
by ionela
Hello,

To achieve this in our documentation we've used the solution you've indicated, we've hide the content from the wh-tiles and then we've added links in the footer (but the links are not dynamic).
Unfortunately, we do not have a solution to obtain this result dynamically based on the ditamap.

Regards,
Ionela

Re: Responsive Webhelp : Add footer with links to topics

Posted: Thu Jul 26, 2018 5:03 pm
by urbanrobots
Okay, thanks anyway.

How did you add the links to the footer?

Re: Responsive Webhelp : Add footer with links to topics

Posted: Mon Jul 30, 2018 12:30 pm
by radu_pisoi
Hi,


For creating the footer in our documentation we use a custom PHP file.

To generate a custom WebHelp Responsive footer, you can use the webhelp.fragment.footer parameter. This parameter specifies the path to an XHTML file that will replace the default WebHelp footer.

In the custom footer fragment, you can use the ${path(oxygen-webhelp-template-dir)} macro that allows you to generate links to the resources from the output folder. For instance, to generate a link to the Copyright topic the XML fragment may be:

Code: Select all

<div class="footer">
<a href="${path(oxygen-webhelp-output-dir)}/topics/copyright.html">Copyright</a>
</div>
You can read more about WebHelp Responsive macros in our documentation:
https://www.oxygenxml.com/doc/versions/ ... aid-title5