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:24] avsetula |
en:sw:01-mervis:creating-hmi-interface-hidden [2021/08/05 15:04] (current) avsetula |
||
|---|---|---|---|
| Line 22: | Line 22: | ||
| </figure></html> | </figure></html> | ||
| - | 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**. | + | 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**. |
| <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 46: | 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 56: | 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 | ||
