HMI
Explanation of the sample projectTF8040-Concept-Samples-HMI.
![]() | For more information on the required steps, refer to the sample documentation in the HMI section. |
Contents
The individual sample pages of the project are described below. It is advisable to open the live view in order to be able to follow the execution more easily.

Header
The header is provided with various functions (from left to right).

- Logo
- Responsive navigation
- User settings and further information
- Event list
- Building information
- Outdoor temperature
- Date and time
![]() | Further information on the functions can be found in the documentation for the header. |
Project navigation
The generic project navigation was defined as the start page of the visualization. The content of the Live-View should look like this after the start:

In the project navigation, you can navigate through the project structure and display the parameters of individual views or objects.
![]() | For more information on project navigation, see the documentation for ProjectNavigationTextual. |
The following pages are located under the entry Content\Samples.
BasicComponents
This page displays all controls that are stored in the BA | Common toolbox category.
![]() | The controls are not linked to variables from the PLC. Further information can be found in the documentation for controls. |

BaObjects
On this page, a corresponding control is stored for each primitive data type (Analog, Binary and Multistate).
The controls are connected to objects from the PLC and the values are written to the PLC and read again.

The following information is displayed per line:
- The Description of the object.
- The value of the object (writable or read-only).
- Button to open the project navigation of the object (only one entry is visible, because single objects are concerned).
Event
The simulation of the different event types is possible on this page.
The respective event can be activated via the checkboxes and the behavior can be observed in the event list below. A UiIcon to display the events is also positioned on the page. The view containing the sample events is linked to both the event list and the UiIcon. Therefore, no events outside the view are displayed on this page.

Trend
This page shows the trend control for displaying various trend curves.
In this case, the complete project structure was linked to the control. This filters the project structure for all available trends and displays them. You can select and deselect trends on the right-hand side.
![]() | For more information, see the documentation on Trend. |

Schedule
The schedule displays the current schedule and the weekly schedule. The Calendar tab contains the entries from the linked calendar references and the local exceptions.
The buttons at the bottom of the page allow you to switch to other schedule types. In addition, the alignment and accuracy of the schedule can be set.
![]() | For more information, see the documentation on the Schedule. |

RoomAutomation
The following list shows the available controls for room automation:
Control | Description |
---|---|
Displays and controls the position and angle of a sunblind. | |
Displays and controls the brightness value of a lamp (dimmable or on / off). | |
Displays and controls the air conditioning of a room. | |
Shows and controls the position of a window (percentage or open/close). | |
This control can combine all of the above controls. |
![]() | The controls are for demonstration purposes only and are therefore not linked to variables from the PLC. |

ColorPicker
On this page, ColorPicker is shown in its different versions.
![]() | Further information can be found in the documentation for the ColorPicker |
