Introduction

Shape elements are used to display rectangles, squares, circles, or other predefined shapes.

Shapes can be angled, filled with solid colors, gradients, or patterns, and customized with various visual effects.

They can also be dynamically updated based on an external data source to control visibility and appearance in real-time.

​

Properties Overview

​

Blinking

• Define whether the shape blinks at a set interval.

​

Data Provider

• Connect the shape to an external data source for real-time updates.

​

Data Scrolling

• Define how real-time data is scrolled through the shape element.

​

Default Transition Effect

• Set a default transition effect for when the shape becomes visible.

​

Flip

• Flip the shape horizontally or vertically.

​

Identification

• Assign a unique name to the shape within the page.

​

Outline

• Customize the border style, thickness, and color of the shape.

​

Position

• Set the X and Y coordinates of the shape.

​

Property Bindings

• Dynamically bind certain properties of the shape to an external data source.

​

Reflection

• Add a reflection effect to the shape.

​

Rotation

• Rotate the shape to a specific angle (in degrees).

​

Rules

• Define rules that determine the shape’s visibility and behavior based on conditions.

​

Shape

• Select the type of shape (rectangle, square, circle, etc.).

​

Size

• Define the width and height of the shape.

​

Skew

• Skew the shape along the horizontal and vertical axes.

​

Transparency

• Set the opacity level of the shape.

​

Visibility

• Define whether the shape is visible or hidden during playback.

​

Remarks

• If the shape is linked to a data source, its properties (such as visibility or color) can change dynamically based on incoming data.
• Applying effects such as blinking, transparency, and rotation can enhance the visual impact of the shape.