UI XML Template

The view graphical interface is described as XML independent of the rendering technology (HTML, HTMLUI framework, ...).

Data binding

Data binding in templates allow you to dynamically access and display data within your UI view or UI components. By using the @ character, you can bind properties and functions directly in your templates, enabling real-time updates and interactions.

To find out more about all the properties and functions of the UI view which can be accessed, read this article.

Standard components

Standard components are pre-built elements provided by the framework that can be easily integrated into your UI view. The list is available in the Template > Standard components section of the left-hand menu. You can also consult them here:

• in the cluster components
• in the cluster technical demos. In particular, you'll find a screen listing the standard components.

Directives

Directives are special attributes which can be used on template nodes in order to apply a specific behavior. They are not specific to a component, unlike attributes, but are transversal. They must be prefixed by the namespace in order to be recognized. Example with layout :

<form-field property-name="CustomerName" layout:width="25" />

The list is available in the Template > Directives section of the left-hand menu.

Snippets

Snippets are XML blocks that can be quickly inserted into a template. They appear as suggestions when the user starts typing code. Example: Inserting groupbox components by typing gb followed by the Tab key in the template. To find out more about snippets, read this article.

Toolbox

The toolbox lists the available components within your cluster. Users can drag and drop elements into the template for easy integration.

How to

The Template > ❔ How to section provides a series of articles that explain how to build standard template in the UI view. You can find them in the left-hand menu.