Create an LCD screen with the HTML Canvas

This example shows how to create an LCD screen on a dashboard by using the HTML Canvas widget.

HTML:

CSS:

JavaScript:

In the following code, the VAR_ID variable must be set according to the variable that should be displayed:

Once the settings are saved, it will look like this:

Adjusting the screen's contrast

Modify the HTML to:

Modify the CSS code to:

Modify the JavaScript code to:

Lastly, add another 3rd party library needed for this implementation:

This is the result: