Data Design Manager

The Data Design Manager element allows the management and visualization of complex data designs within synoptics.

Properties marked with bolt allow dynamization from an expression with variables.

General

Basic identification and position configuration.

Name (string)

Unique identifier of the element.

Description (string)

Optional descriptive text.

X bolt (number)

Horizontal position in pixels.

Y bolt (number)

Vertical position in pixels.

Z bolt (number)

Depth index (z-index).

Width bolt (number)

Width of the element in pixels.

Number of rows bolt (number)

Defines the amount of visible rows in the manager.

Style

Visual customization of the element and its interface.

Hidden (boolean)

Makes the element invisible.

Background Color bolt (color)

Background color of the container.

Border Color bolt (color)

Global border color.

Header Color (color)

Text color for the header row.

Row Color (color)

Text color for the data rows.

Interface Color (color)

Color applied to the manager's interactive and control elements. This includes the main title, managment buttons, the search bar border, and the bottom pagination controls.

Border Color [Top/Bottom/Left/Right] (color)

Allows defining specific colors for each side of the border.

Border Width (number)

Global border thickness in pixels.

Border Width [Top/Bottom/Left/Right] (number)

Specific thickness for each side of the border.

Border Radius (number)

Corner rounding of the container in pixels.

Header Font Size (number)

Text size for the header row.

Row Font Size (number)

Text size for the row content.

Header Height (number)

Height in pixels of the header row.

Row Height (number)

Height in pixels of each data row.

Border Style (string)

Global stroke type (Solid, Dotted, etc.).

Border Style [Top/Bottom/Left/Right] (string)

Specific stroke type for each side of the border.

Rotate (number)

Rotation angle of the element in degrees.

Transition (string)

CSS transition definition for animating state changes.

Anchor Point [Vert./Horiz.] (string)

Defines the reference position relative to the vertical and horizontal axes.

Shadow (string)

Predefined shadow style (None, Small, Medium, Large).

Advanced

Configuration of data behavior and element functionalities.

Data Design (DataDesign)

Selects the Data Design that will serve as the information source for the element. The manager will extract and present the records from the selected design in a table format for visualization and management.

Fields (Array)

Defines which columns of the selected Data Design will be displayed in the manager's table. Only the fields added to this list will be visible to the user.

Table title (string)

Text displayed as the main header at the top of the element.

Search box (boolean)

If enabled, displays a search bar that allows filtering table records in real-time based on the entered text.

Refresh button (boolean)

Enables a button in the interface to force an update of the displayed data, retrieving the latest information from the server.

Data Design editor (boolean)

Controls the visibility of the management buttons (New, Edit, Delete). It is essential to disable this option if you only wish to provide a read-only view without modification permissions.

Select rows (boolean)

Allows the user to mark individual table rows. This functionality is necessary to identify which record the edit or delete actions should be applied to.

Pagination (boolean)

Displays navigation controls at the bottom of the manager, allowing large volumes of data to be split into pages to improve readability and performance.