Most Powerful Open Source ERP

Technical Note on HTML5 Presentation Hints

Tips and tricks to generate HTML5 presentations.
  • Last Update:2016-02-12
  • Version:001
  • Language:en

This Tehnical Note collects some hints for preparing HTML5 Presentations.

Table of Contents

Nexedi Presentation Skin

Current official Skin used in Nexedi is called "CI". You can view presentations with CI skin by appending "?portal_skin=CI" to the presentation URL

Corportate Design by following naming convention

By following the naming convention scheme you can get a presentation in the correct design automatically:

  • Nexedi Design: Reference = "NXD-Document.Presentation..."
  • VIFIB Design: Reference = "VIFIB-Document.Presentation..."
  • ERP5 Design: Reference = "ERP5-Document.Presentation..."

Reveal.js

CI Skin usues the mighty reveal.js. You can find many tricks how to use it on the project homepage.

Include slides from old libreoffice presentations

We should of course only use svg and html5 for new slides. But sometimes one would like to reuse old slides in deprectated libreoffice format (for example if one need to do a presentation for customer under huge time pressure), then one can reuse single slides from old libreoffice presentations like this:

<section>
 <img style="border:0 none;box-shadow:none;width:90%"
 src="NXD-Wendelin.Industrial.Big.Data/img17.png" />
</section">

Result looks ok, see this presentation for example, but of course real svg looks much better and is the recommended way for every new slide.

Create PDF

Sometimes one needs to have a pdf version of a presentation to send by email to customer or for a conference. Then you can append "&print-pdf" to URL. Then in browser print dialog select to not print background graphics. Currently pdf looks only good in Chrome Browser.

Related Articles