Widgets Tutorial (New Version)

Types of widget

Basic

Widget Example
Text
Button
Input
HTML See video

Charts

Widget Example
Bar Chart See video
Line Chart
Pie Chart
Scatter Plot

Utility

Widget Example
List
Toggle
Color Picker See video
Grouping List
Filterable List
JSON Editor
Form

Gauges

Widget Example
Radial Gauge
Speedometer

Other Widgets

Widget Example
Google Map
Rule Builder (Advanced)
CRUD Grid See here for the IPM package

Parsers

Data Types

All widgets will require you to choose a type of incoming data to render.

Static - data will be loaded as is and is not changed unless code is written for it to listen and force changes.

Calculated - can reference a datasource and the JavaScript in the parser can be customizable.

Dynamic - The datasource is added and data gets updated as changes are made in the datasource. This will appear in ‘Content’ as ‘Datasources’.

Data Parsers

The parser for the widget can be edited in this section. Datasources can also be added.

Editing the Parser

To edit the parser, click on ‘Edit’ next to the data type.

The parser includes:

  • ‘Debug’ button - this is to debug your parser
  • ‘Save’ button - save changes you make to your parser. Do not close the parser without saving your changes.
  • ‘Discard Changes’ button - restores parser to its default state.

To go back to the widget editing page, click on the name of the widget.

Event Parsers

It appears the same as the data parser.