Customising HTML

HTML can be customised in three ways.

Customising CSS

All HTML created by Moxy uses CSS clases to define the style.  These classes are defined in moxy.css and can be customised to create your own style.

Customising Javascript

Moxy renders the report elements to the page using functions defined in moxy.js.  These functions can be overridden to use your own logic.  We recommend you override functions as opposed to making customisations directly to moxy.js to ensure you can receive updates to moxy.js as required.

Customising XSLT

CusomHTMLStyles defines a number of templates which you can override to implement your own cover page, header and footer.  These are:

Custom Templates


Creates a header on each page of the report.  Update this template to include your own logo and design.


Creates a footer on each page of the report.  Update this template to define your own footer, including page numbers, copyright notices and disclaimers.


Allows you to create your own report sections. By defining a section type to be something other than a Moxy section type, you can provide your logic to render that section to HTML.

Click to see Comments

Help comments powered by Disqus