This version is out of date, covering development from v5.0.0 to v5.12.2. It is maintained here only for inbound reference links from elsewhere.

Jump to the current version of aTbRef.

Tinderbox Icon

Exporting to HTML

The Embed button on the view's top toolbar, new to v5.7.0, allows export of the current Timeline view's data as an HTML snippet which can be added to a web page to display the data using the HTML5 <canvas> tag. The event data is exported in JSON form. Clicking the Embed button opens the Timeline code export dialog.

The implementation is designed as a cut/paste experience suitable for experienced web users to quickly get data visible online. It is also intended for small amounts of data (i.e. not hundreds of events). As such, the HTML version does not exactly replicate, colours, shapes, etc., from the source Timeline view. Any styling customisation would involve the user editing the exported code. Tinderbox doesn't, as yet, offer a way for the user to customise the look and feel of the HTML.

The code copied to the clipboard is intended to go into (exported) HTML code rather than a Tinderbox Export template, i.e. used in a file outside the TBX. If using the latter method, export the Timeline code verbatim using ^text(plain)^ or ^value($Text)^; do not use ^text^ as this will cause changes in the timeline code snippet causing it not to work. In this context, the best approach is to place the code in a note of its own and use an include as that way other parts of the export can use normal export code functions.

For larger data sets or more complex display needs, users will likely need to further edit the pasted code to meet their particular needs.

The Timeline data export process is currently at an early stage and likely to evolve.

Possible relevant notes (via "Similar Notes" feature):

A Tinderbox Reference File : Misc. User Interface Aspects : Timeline View Interface : Exporting to HTML