Back to all tutorials
HMI tutorial
Command HMI Demo Application
Recreate the preloaded Command HMI demo screens, from basic controls to graphs, recipes, and macros.
Tutorial overview
Command HMI Demo Application
Recreate the preloaded Command HMI demo screens, from basic controls to graphs, recipes, and macros.
Four-part series
Rebuild the Command HMI demo screens.
The series moves from the main and basic pages into graphs and recipes. It covers common screen components such as buttons and numeric entries, then advances to recipes and macros.
Video walkthrough
Follow the complete series.
Watch the steps, then use the downloadable files when available to inspect the finished project.
Command HMI Demo Screen Main Page
Command HMI Demo Screen Basic Page
Command HMI Demo Screen Graphs Page
Command HMI Demo Screen Recipes Page
Keep building
Continue with another practical example.
Browse the full tutorial library or download vBuilder to put the example to work.