> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pads4.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 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.