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. Button Group
    Various Referencegenerated

    Button Group

    Group related buttons together

    Technical id
    default_button_group

    A row of buttons rendered as one connected control, so a set of related actions reads as a single choice rather than scattered buttons.

    When to use

    • Two or more actions that belong together and share styling, such as Save / Save and close / Cancel.

    Examples

    • The action bar at the foot of a form.
    • A group of filter shortcuts above a table.

    Avoid

    • Mixing unrelated actions into one group — the shared framing implies the buttons are alternatives to each other.
    • Putting a single button in a group; place the button directly instead.

    Pairs well with

    • Action Button — The usual member of the group.
    • Form Button — Use inside a form’s button group for submit and reset.

    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.

    ColoroptionalOne of: secondary, primary, inherit
    Configuration for color.
    Choices
    • secondary
    • primary
    • inherit
    Default: none
    DisabledoptionalYes / no
    When true, the control cannot be edited.
    Default: none
    Full WidthoptionalYes / no
    Configuration for full Width.
    Default: none
    SizeoptionalOne of: small, medium, large
    Configuration for size.
    Choices
    • small
    • medium
    • large
    Default: none
    StyleoptionalKey-value map
    Configuration for style.
    Default: none

    Sizing

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

    Child slots

    This container accepts nested elements in these slots:

    slotaccepts
    contentAction Button, Form Button, Call Button, Internal Link Button, Clipboard Copy Button, Delete Button, Procedure Button

    Nesting overview

    graph TD
  root["default_button_group"]
  root --> content["content slot"]

    Where you can place it

    Drag this element into one of these containers:

     1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

    {
  "config": {
    "style": {
      "exampleKey": {}
    },
    "size": "small",
    "color": "secondary",
    "fullWidth": false,
    "disabled": false
  },
  "children": {
    "content": [
      {
        "type": "default_text_input",
        "config": {
          "label": "Example field"
        }
      }
    ]
  }
}