Use drawing tools to build graphics and visuals.
Reference → Modules → Displays → UI → Client Settings | Draw | Images | Layouts | List | Localization | Symbols | Themes | Units Conversion
Displays Draw (Reference) is the integrated environment combining visual design (Drawing workspace) and behavior programming (CodeBehind workspace) for creating interactive displays.
Display Draw provides two integrated workspaces:
- Drawing Tab (default) - Visual design tools and components
- editor
- CodeBehind Tab - Programming display behavior
Access via Displays → Draw with tab navigation between workspaces. Both components save within the display file.
- Script editor
Changes in either workspace are part of the same display configuration.
On this page:
Table of Contents maxLevel 2 minLevel 2 indent 10px exclude Steps style none
Workspace Navigation
Tab Structure
- Drawing Tab (default) - Visual editor
- CodeBehind Tab - Script editor
Key Features
- Unified display development
- Real-time preview
- Online configuration changes
- Cross-platform support (WPF/HTML5)
- Integrated debugging
Creating Displays
- Navigate to Displays → Draw
- Click New Document
- Configure display properties
- Switch between Drawing/CodeBehind tabs as needed
- Save to persist both visual and code changes
Child Workspaces
Drawing Workspace
Visual design environment with:
- Shape tools and components
- Symbol library integration
- Dynamic property binding
- Real-time data connections
See →
Drawing WorkspaceCodeBehind Workspace
Programming environment with:
- C#/VB.NET/JavaScript support
- Event handling methods
- Runtime logic
- Data manipulation
In this section...
| Page Tree | |||
|---|---|---|---|
|
Overview
Content Tools
Tasks