🌍 Public
Viewing a saved revision (read-only)
7ad9310f75024676bcd9252bcf092023
TES Blocks Experiment
This example renders a single Beckhoff TwinCAT HMI text block element, displaying a temperature value read from the PLC variable `PLC1.MAIN.TE_C3A6` formatted with `%f%GaugeValueFormatter(...)%/f%` and appended with "°C". The `index.html` file uses pure CSS and JavaScript to position the element with absolute pixel and percentage coordinates, while the inline JSON scripts configure the block's border width and style. The element is identified by `data-tchmi-type="TcHmi.Controls.Beckhoff.TcHmiTextblock"`, leveraging the TcHmi framework for industrial visualization.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.