Help Topics

Home
Editing SVG with Inkscape
SVG Library
Using the SVG Library with Inkscape
Custom Widgets
HMI web templates
Assembling web pages
HMI Javascript Client Libraries
Basic Concepts
Manual HMI Web Page Construction

Creating Custom Widgets

Widget Basics
Passive Widget
HMIBuilder Data
Active Widgets

Creating Custom Widgets

Overview

As well as using the provided SVG HMI widgets, you can create your own custom widgets and add them to your library. Creating a custom widget is the easiest way to add a special graphic to your HMI.

This section will discuss what widgets are, how they work, and how to create your own.

Widget Basics - The basic types and characteristics of SVG HMI widgets.
Passive Widget - A simple passive widget.
HMIBuilder Data - The additional data used by HMIBuilder.
Active Widgets - Creating active widgets.