About

The HMI Content Tree displays the hierarchy of the pages and elements of an HMI. It provides an overview of the structure of the HMI and allows users to easily navigate to different pages and elements without having to use the HMI Preview Panel (Content View) . The tree is organized in a hierarchical manner, with the main pages at the top and sub-elements such as buttons and labels nested underneath. This makes it easy to see how each element is related to the others and to quickly find the element you need. The HMI Content Tree is an essential tool for developers and designers working on HMIs, as it allows them to easily visualize and manipulate the structure of the interface.

Anatomy

  1. Root Element of your HMI project Use it to define overall settings.
  2. Pages Section This section allows you to add new pages that will automatically appear in the navigation of your HMI.
  3. Add Elements Button This button will appear when you move the mouse over an element in the tree or select one. Use this button to add more content to specific sections of your HMI.

ide_project-editor_content-tab_panels-of-the-content-tab_hmi-content-tree_anatomy.png

Related Resources

[Controlling the HMI Content Tree (Content View) ](https://hmiproject.notion.site/Controlling-the-25edb7a6122341ec8e120cc1758132ff)