This exercise continues on the article Create Symbols & Faceplates
Put a vessel on the page
Resize it, and style accordingly, perhaps change its stroke width, color, etc...
Next, put 2 identical squares on your page. Make one blue.
Note the height of the object, in the example they are 250px high.
In our 📄 Training simulator we have a Tank1_LevelTransmitter -> Indicates the level of the tank (10000L)
Tank1_SetLevel -> Tells the PLC (simulator) to adjust the level of the tank (using the pumps and valves)
Stack the objects with their Z-index (using the arrows on top of the Decorator menu.
Set tank SVG -> Layer 0
Set white square -> Layer 1
Set blue square -> Layer 2
Set the Animate Position / Size of the blue square of the tank animation as shown below.
Reposition the squares to indicate the tank level (Level Transmitter here is 7500).
Set the Min-Max Raw and Min-Max Px which will set the height in Pixels relatively to the value of the variable.
Use Tank1_SetLevel to change the level. (This is part of the Training Simulator).
End of exercise.