Button

This component creates 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 triggered by this button. Possible values are submit, validate, reset, print and setProperty. See also Actions.

Actions

Submit

Triggers the submit function, which sends the current form to the backend system.

Validation

Triggers the validation process. This checks the data entered into the form.

Reset

Resets the page. See Reset.

Print

Opens the print preview. See Print.

SetProperty

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

Example

button.json

{
  "$schema": "https://forms.virtimo.net/4.1.x/schema.json",
  "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 a separate window

Keywords: