Animation of elements Animating a visualization element at runtime can be used to display value curves in a visualization in addition to strictly visual purposes. An animation is possible by means of

Designing with elements The visualization editor provides the visualization elements for designing a user interface in the Visualization ToolBox view. Drag the desired element into the editor view and

Select Element The Visualization ToolBox view provides the following elements for selection: All visualization elements which the set visualization profile defines. Image elements for all images of th

Positioning the Element, Adapting Size and Layer A visualization is a raster image in pixels. The pixel position is specified in X/Y-coordinates. The origin (0,0) is located at the upper left corner o

Optimally Adjusting the Position and Size You can design the position and size of contents in a visualization depending on their usage in container elements ( Frame or Tabs ). To do this, the automati

Assigning a Color You configure the color of a visualization element either statically by means of the Color property, or dynamically by assigning an application variable by means of the Color variabl

Displaying Texts You can display texts in an element by specifying the text in the Texts → Text property. You can also have a text displayed as a tooltip ( Texts → Tooltip element property). These tex

Changing the variable values in the visualization In addition to displaying values from the controller, a user interface is also used to enter and change values. In general, you can configure user inp

Designing a Background, Using a Device Image There are two use cases for configuring the background of a visualization: The visualization should be provided with a background color or a background ima

Configuring User Inputs User inputs for a visualization are configured in order to operate the visualization. For this purpose, you configure input events on visualization elements where follow-up act