Radio group

This component allows exactly one option to be selected from a group of options.

Configuration

For general configuration options, see General Component Configuration.

Specific Configuration

options (array): List of clickable elements, exactly one of which is selected.
value (id-string/number): ID of the element that is currently selected.
value (id-string/number): ID of an element within the list of options for the radio group. The ID can be a string or a number, among other things.

Example

radiogroup.json

{
  "$schema": "https://forms.virtimo.net/4.1.x/schema.json",
  "metaData": {
    "id": 0,
    "version": 0
  },
  "configuration": {
  },
  "components": [
    {
      "type": "container",
      "label": "Radiogroup Component Example",
      "components": [
        {
          "type": "radiogroup",
          "value": "/data/radioGroup",
          "label": {
            "de": "Radio Gruppe",
            "en": "Radio group"
          },
          "options": [
            {
              "value": 1,
              "label": {
                "de": "Eins",
                "en": "one"
              }
            },

            {
              "value": 2,
              "label": {
                "de": "Zwei",
                "en": "two"
              }
            },

            {
              "value": 3,
              "label": {
                "de": "Drei",
                "en": "three"
              }
            }
          ]
        }
      ]
    }
  ],
  "state": {
    "data": {
      "radioGroup": 2
    }
  }
}

Embedded preview

Open preview in a separate window

Keywords: