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

Template Files

Web Page Templates
CSS Templates
SVG Templates
Other Template Files
Template Customisation

SVG Template Files

SVG

Several SVG template files are provided in different sizes together with some template specific CSS files. The size and proportions of the CSS files which should be used will will depend on the size and proportions of the HMI screen size in the application.

SVG Template	Width	Height	Description
hmi_template_1000x560.svg	1000	560	For large screens
hmi_template_850x400.svg	850	400	For wide short screens
hmi_template_850x550.svg	850	550	For wide short screens
hmi_template_850x750.svg	850	750	For small screens