Skip to main content
CYPEX Documentation
Support
v2.0.0 Latest stable release View changelog ->

Data Display

A read-only informational visualization frame supporting rich text text formatting, optional colored identity accents, and dynamic item pagination bounds.

When to use

  • Presenting filtered structural metrics, record lists, or query payloads cleanly to users without interactive input capabilities.
  • Configuring dashboard utility banners, key metrics counters, or parsed data streams targeted directly at a database view shape rather than standard form parameters.

What you need

Requires configuring the Data Source framework parameters pointing cleanly at database views via custom data query selectors, identifier values, and extraction loops.

Read full post

Markdown Text

A read-only rich typography layout block that parses and prints markdown shorthand tokens (like stars for text weight, dashes for lists, backticks for code) alongside alignment settings.

When to use

  • Presenting rich textual content containing custom typography formatting (bold, italic), blockquotes, code blocks, or structured bullet lists.
  • Rendering dynamic string content that blends hardcoded text with i18n localization keys via expressions.
  • Displaying stylized informational sections where standard text containers are too limited and advanced layout customization is required.

What you need

  • Rich text properties, stylized documentation strings, or computed string combinations processed dynamically via expression fields.

Examples

  • A rich text layout container generating a custom message by joining explicit strings with translated references (e.g., ‘Hi ’ + i18n.text).
  • Rendering software documentation blocks, formatting code blocks, or displaying organized bulleted policy updates.

Avoid

  • Using to display pure unformatted raw fields or numeric scores, use the simpler data_display component instead.
  • Enabling the ‘HTML Allowed’ flag when rendering raw, unsanitized user inputs, which can introduce cross-site scripting security risks.

Use instead

Read full post

Pie Chart

A dynamic circular pie or donut chart visualizing categorical proportional shares, complete with slice value labels, customizable empty state colors, theme palettes, and interactive toolbox utilities (image export, clear selection, data view table).

When to use

  • Visualizing proportional distributions, parts-of-a-whole relationships, or percentage share compositions.
  • Displaying dynamic categorical datasets where each slice’s volume contributes to a total 100% sum.

What you need

Requires an active Source Query. Select a valid column property for Label (defines pie slices) and a numerical column for Value (defines slice volume). Every label field must map to a valid numeric value.

Read full post

Image

A image display viewport with support for direct uploads, storage path resolution, custom URL expressions, click-to-expand full size previews, frame borders, and image fitting modes.

When to use

  • Displaying static or dynamic images sourced from internal storage, uploaded files, or external URLs.
  • Presenting visual assets with fit scaling controls (e.g., scale to fit, adjust to width/height, stretch) and full-size click-to-expand preview capabilities.

What you need

  • Image URLs, relative storage paths, file system asset keys, or custom dynamic image expressions.

Examples

  • A profile overview tile rendering a user avatar retrieved dynamically from internal storage paths with click-to-expand preview enabled.
  • An image gallery asset display loading an external HTTPS image path with scale-to-fit formatting and frame borders.

Avoid

  • Squeezing image displays into tiny layout boxes — allocate at least 3 rows high and 6 columns wide for comfortable image viewing.
  • Using as a file upload input element — use the storage_file_input component instead to allow user file selections.

Use instead

Read full post