Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

The HTML Control allows applying any CSS or JS scripts on any HTML5 display of your projects. It is available to HTML5 environment.

On this page:

Table of Contents
maxLevel3

Requirements

This components runs only on Displays of type HTML5 displays, targeting web browsers.

Configuration

  1. Go to Displays > Draw.
  2. On the Components Panel, select Web Only, then HTML5 Control.
  3. Click or drag-and-drop it on the Drawing area to use it.
  4. Double-click the object to open the configuration window.

HTML5 Control Settings

Field

Description

Control Name

Defines a name for the control so it can be accessed in the CodeBehind script. See Display Code Behind

CSS Scripts

Run

Runs a CSS script.

JS Scripts

Run

Runs a JS script.



Runtime Execution 

In Runtime, the control has embedded controls to allow the Operator to modify the view.

Typically the configuration settings of <> is attached to a Tag exposed in the  Display User Interface, allowing the operator to select <. >When the runtime environment is active, the HTML5 Control executes the embedded CSS and JS scripts, enhancing the display with custom styles and interactive functionalities.


In this section...

Page Tree
root@parent
spacesV10