Skip to main content
CYPEX Documentation
    Support
    v2.0.0 Latest stable release View changelog ->
    1. CYPEX — PostgreSQL Application Platform
    2. /
    3. Element Dictionary
    4. /
    5. Various
    6. /
    7. Label Field
    Various Referencegenerated

    Label Field

    Display a read-only label

    Technical id
    default_label_field

    A short static caption, used to title a group of elements that have no heading of their own.

    When to use

    • Naming a section of a form or a block inside a Grid.

    Examples

    • A ‘Shipping address’ caption above an address block.

    Avoid

    • Using it to label a single input — inputs carry their own label, and a second one is read twice by screen readers.
    • Using it for values that change; it holds fixed text.

    Use instead

    • Text Field — Use instead when the text is computed from data rather than fixed.

    Editor properties

    Configure these in the Application Designer property panel. Group headings mirror the editor where possible. Data Source is where the element gets its rows or field binding (a view/query, a connector operation, or a parent form field). References appear only for view-backed sources and map foreign-key ID columns to readable labels from another view.

    ColorrequiredOne of: primary, secondary, default
    Configuration for color.
    Choices
    • primary
    • secondary
    • default
    Default: none
    SizerequiredOne of: small, medium
    Configuration for size.
    Choices
    • small
    • medium
    Default: none
    ValuerequiredCustom expression
    Configuration for value.
    Default: none
    VariantrequiredOne of: filled, outlined
    Configuration for variant.
    Choices
    • filled
    • outlined
    Default: none

    Sizing

    • No size of its own: dropped at the platform default of 1 × 1 grid cells and resized on the page.

    Where you can place it

    Drag this element into one of these containers:

    1
2
3
4
5
6
7
8

    {
  "config": {
    "value": "@@expression:'value'",
    "color": "primary",
    "variant": "filled",
    "size": "small"
  }
}