Interactive Whiteboard

Content Type: Widget
Categories: Extensions,Utility,Visualization

Overview

Using the power of tldraw, deploy an interactive whiteboard within your application. This widget allows you to draw on a tldraw whiteboard and save your creations within Mendix.

Documentation

InteractiveWhiteboardWidget - Version 1.0

Widget logo showing the logos of Mendix and tldraw Drawing of a tree on the tldraw whiteboard using the widget

A Mendix widget which uses the tldraw whiteboard to provide an interactive whiteboard.

Features

  • Store the JSON data of your whiteboard in a Mendix object, allowing you to keep a presistable version of your creations
  • Read only mode to display your creations to users without allowing them to edit your creation
  • Dark and light modes for the whiteboard
  • Regular bootstrap styling (info, danger, ...) to match familiar styling within Mendix
  • Manual and automatic saving of your whiteboard so you can control when to save JSON data

Important notes

When updating the string attribute holding your JSON data, the widget will rerender the whiteboard, causing your toolbar selection and unndo features to reset. Take this into careful consideration when selecting auto update of whiteboard changes.

Releases

Version: 1.0.1
Framework Version: 9.24.11
Release Notes: - Fixed bug where auto height and width would not apply to the whiteboard widget - Removed unnecessary console log messages
Version: 1.0.0
Framework Version: 9.24.11
Release Notes: Initial release of the interactive whiteboard widget. This release comes with the ability to interact with the tldraw whiteboard, save JSON data to a Mendix object, manually or automatically update the JSON data stored in the object, and various UI customisation options.