Widget Examples

Below is a set of live examples of TeSS widgets, with the code for each displayed below.

To use a widget, simply copy and paste the entire code block into your HTML document, and tweak the parameters as needed.

Each widget is instantiated like so:

TessWidget.Events(element, renderer, { opts: { ... }, params: { ... } })

Events Table with Sidebar

Materials Table with Sidebar

Events List

Materials List

Google Map

Using Another Instance