Functions
The functions enable variables in the PLC to be specifically controlled or displayed. Here, you can choose to display Controls or UserControls, as long as the interface has been integrated according to the instructions in this documentation.
Attributes
To include a function from the PLC in the Control for "Parameter and Function", the required variables must be marked accordingly in the PLC with attributes.
Navigation attributes
Attributes | Description |
|---|---|
'TcHmiSystemEng.Name' | Name of the node. If other variables are in use below this variable, this name is used as the navigation name in the TreeView. 'Packing' |
'TcHmiSystemEng.NameArrayIndex' | Name of the array index. If other variables are in use below this variable, this name is used as the navigation name in the TreeView. The [[index]] placeholder can be used to include the array index in the name. Requires a variable of type array. 'Packing 1' |
'TcHmiSystemEng.TreeViewImage' | The TreeViewImage can be used to attach an image file for the TreeView. This image is then added to the navigation in the TreeView at the corresponding position. 'Images/Labeling.svg' |
'TcHmiSystemEng.Layer' | The display path for the TreeView can be adjusted by setting the layer. The symbol path from the PLC is used as the default value. By setting the value, the path can be moved upwards in the structure by the set value. '-2' (Moves the entry point up two levels.) |
'TcHmiSystemEng.Visibility' | By setting the visibility, the display path or the corresponding variable can be hidden. 'true' |
Function attributes
Attributes | Description |
|---|---|
'TcHmiSystemEng.Function.Template' | A Control or UserControl can be selected via Template. This is dynamically integrated in the "Parameter and Function" Control and filled with the corresponding data '/UserControls/AxisMoveToPos.usercontrol' |
'TcHmiSystemEng.Function.Name' | The name identifies the functions that are transferred to the Control or UserControl. If the name is on the same level as the "Template", no symbol is transferred. If the name is on a variable below the "Template", the variable is transferred as a symbol to the Control or UserControl. 'Main' |
'TcHmiSystemEng.Function.NameArrayIndex' | Name of the array index. This attribute is used as the display name of the index in an array of functions. The [[index]] placeholder can be used to include the array index in the name. Requires a variable of type array. 'Packing 1' |
'TcHmiSystemEng.Function.Info' | An additional information text for the symbol can be transferred via Info. This can be helpful to clarify the function/effect of a change. 'Simulation with no sensor present' |
'TcHmiSystemEng.Parameter.InfoArrayIndex' | InfoArrayIndex can be used to transfer an additional information text to the array index of the symbol. This can be helpful to clarify the function/effect of a change. The [[index]] placeholder can be used to include the array index in the name. 'Simulation 1 with no sensor present' |
'TcHmiSystemEng.Function.Visibility' | By setting the visibility, the display path or the corresponding function can be hidden. 'true' |
'TcHmiSystemEng.Function.Layer' | The display path for the TreeView can be adjusted by setting the layer. The symbol path from the PLC is used as the default value. By setting the value, the path can be moved upwards in the structure by the set value. '-2' (Moves the entry point up two levels.) |
'TcHmiSystemEng.Function.Custom.<placeholder>' | Use Custom to enter additional information in a Control or UserControl. Custom must always be used in conjunction with a name via a variable. Custom is transferred to the Control or UserControl along with the namespace specified in Names, together with the symbol 'mm' |
'TcHmiSystemEng.Function.GroupName' | Functions can be grouped within the Control by specifying a grouping. These are displayed together and can be expanded or collapsed. 'Configuration' |
'TcHmiSystemEng.Function.Class' | By specifying the class, these classes are added to the HTML object as a class. This allows you to customize a wide variety of styles in CSS based on the class. 'Cylinder' |
'TcHmiSystemEng.Function.Style.MarginTop' | A graphic offset can be set by specifying a margin "Top" value. This makes it easier to separate sections visually. '10px' |
'TcHmiSystemEng.Function.Style.MarginRight' | A graphic offset can be set by specifying a margin "Right" value. This makes it easier to separate sections visually. '10px' |
'TcHmiSystemEng.Function.Style.MarginBottom' | A graphic offset can be set by specifying a margin "Bottom" value. This makes it easier to separate sections visually. '10px' |
'TcHmiSystemEng.Function.Style.MarginLeft' | A graphic offset can be set by specifying a margin "Left" value. This makes it easier to separate sections visually. '10px' |