Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
en:sw:01-mervis:creating-hmi-interface-hidden [2020/05/14 13:30] avsetula |
en:sw:01-mervis:creating-hmi-interface-hidden [2021/08/05 15:04] (current) avsetula |
||
---|---|---|---|
Line 22: | Line 22: | ||
</figure></html> | </figure></html> | ||
- | <html><div class="errorTag" id="1"></div></html> | + | Go back to **Properties**. Change the **Unit** setting determining the displayed value's unit. In the HMI, this unit will be automatically added behind the displayed values. As we are talking about a temperature value, set the **Unit** attribute to **°C**. |
- | Go back to **Properties**. Change the **Controller** setting determining the displayed value's unit. In the HMI, this unit will be automatically added behind the displayed values. As we are talking about a temperature value, set the **Unit** attribute to **°C**. | + | |
<html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/en:sw:01-mervis:05_creating-hmi-interface-en.png)"> | <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/en:sw:01-mervis:05_creating-hmi-interface-en.png)"> | ||
Line 47: | Line 46: | ||
</figure></html> | </figure></html> | ||
- | Now change the **Foreground** colour to white, and **Text Horizontal Alignment** to **Right**. | + | Now change the **Background** colour to white, and **Text Horizontal Alignment** to **Right**. |
<html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/en:sw:01-mervis:09_creating-hmi-interface-en.png)"> | <html><figure ondblclick="redirectImg(this)" class="zoom" onclick="zoom(event)" style="background-image: url(https://kb.unipi.technology/_media/en:sw:01-mervis:09_creating-hmi-interface-en.png)"> | ||
Line 57: | Line 56: | ||
* **Variable**: choose a suitable variable representing temperature. In our case, we will select **threshold_temperature** variable | * **Variable**: choose a suitable variable representing temperature. In our case, we will select **threshold_temperature** variable | ||
* **Unit** should be set to **°C** as the variable is expressed in degrees Celsius. | * **Unit** should be set to **°C** as the variable is expressed in degrees Celsius. | ||
- | * **Min Value** will be 18, which will prevent users to set a temperature lower than 18°C | + | * **Min Value** will be 18, which will prevent users to set a temperature lower than 18 °C |
- | * **Max Value** is 30 to prevent users to set a temperature higher than 30°C | + | * **Max Value** is 30 to prevent users to set a temperature higher than 30 °C |
* **Step Value**, or the increment by which the temperature can be adjusted. Set it to 0.5 | * **Step Value**, or the increment by which the temperature can be adjusted. Set it to 0.5 | ||