Display Controls (Reference) are used in Displays > Draw > Controls Panel.  On the Designer UI, the Controls Panel shows the selected graphical element and a search button. 

Reference → Installation | Solution | Modules | Controls | Code | Troubleshooting

Find Display Controls


Overview

FrameworX provides approximately 70 controls organized into categories. All controls can be added to Canvas and Dashboard displays, except Shapes which are Canvas-only.

Controls by Category

CategoryCountPurposeKey Controls
Charts9Data visualizationTrendChart, BarChart, PieChart, GanttChart
Gauges7Numeric displayCircularGauge, LinearGauge, DigitalGauge
Interaction13User input/outputTextBox, Button, ComboBox, DataGrid, Slider
Editors8Input and pickersDateTimePicker, Calculator, MediaElement
Viewers18Complex data viewsAlarmViewer, AssetsTree, Maps, PdfViewer
Shapes7Graphic primitives (Canvas only)Rectangle, Circle, Polygon, Polyline
Symbols~2000Reusable componentsLibrary symbols, custom symbols, wizards
Industrial Icons~50Navigation iconsStandard industrial navigation icons
Dynamic Behaviors14Runtime behaviorAction, FillColor, Visibility, Rotate, Scale

Display Types and Element Support

Element TypeCanvasDashboard
All Controls(tick)(tick)
Symbols(tick)(tick)
Images(tick)(tick)
Industrial Icons(tick)(tick)
Shapes (primitives)(tick)—

Tag Binding Methods

ElementBinding MethodExample
Controls with Value propertyDirect bindingValue = Tag.Temperature
SymbolsSymbol Links (HashTag syntax)#TagValue:Tag.Temperature
Any elementDynamic behavior expressionTag.Status in FillColor dynamic

Symbol Parameter Syntax

Basic syntax:

#ParameterName:DefaultValue

For UserType binding:

#TagValue:(ParentTag).PropertyName

→ See Symbols Control Reference for complete syntax documentation.

→ See Object Model Quick Reference for Displays module objects.

In this section...