Button

These components create a button that can be linked to various Actions.

Configuration

For general configuration options, see General component configuration.

Specific configuration

action (string): Identifies the action that is triggered by this button. Possible values are <INLINE_CODE_1/>, <INLINE_CODE_2/>, <INLINE_CODE_3/>, <INLINE_CODE_4/> and <INLINE_CODE_5/>. See also Actions.

Actions

Submit

Triggers the Submit Function, which transmits the current form to the backend system.

Validation

Triggers the Validation is triggered. This checks the data entered in the form.

Reset

Resets the page. See Reset.

Print

Opens the print view. See Print.

SetProperty

Overwrites, increments or decrements the value of a variable. See setProperty.

Example

button.json

{
  "$schema": "http://bpc.virtimo.net/forms/1/schema",
  "metaData": {
    "id": 0,
    "version": 0
  },
  "configuration": {
  },
  "components": [
    {
      "type": "container",
      "label": "Button Component Example",
      "components": [
        {
          "type": "button",
          "label": "My Button"
        },
        {
          "type": "button",
          "label": {
            "de": "Schaltfläche",
            "en": "Button"
          }
        },
        {
          "type": "button",
          "action": "submit",
          "label": "Submit Button"
        },
        {
          "type": "button",
          "action": "reset",
          "label": "Reset Button"
        },
        {
          "type": "button",
          "action": "validate",
          "label": "Validate Button"
        },
        {
            "type": "button",
            "action": "print",
            "label": "Print Button"
        }
      ]
    }
  ]
}

Embedded preview

open preview in separate window

Keywords: