Using a modal with Array Structures

Sometimes the number of array structures you add becomes far too many for a dropdown. A modal with search, tagging and bigger images is available for this situation. For this we set the style key to modal at the same level as our values array.

Configuration

_array_structures:
  example:
    style: 'modal'
    values:
      - label: 'First'
        value: 
          name:
          description:
          image:
      - label: 'Second'
        value: 
          heading:
          subtext:

Configuration

[_array_structures.example]
style = "modal"

[[_array_structures.example.values]]
label = "First"

[_array_structures.example.values.value]
name = ""
description = ""
image = ""

[[_array_structures.example.values]]
label = "Second"

[_array_structures.example.values.value]
heading = ""
subtext = ""

Configuration

{
  "_array_structures": {
    "example": {
      "style": "modal",
      "values": [
        {
          "label": "First",
          "value": {
            "name": "",
            "description": "",
            "image": ""
          }
        },
        {
          "label": "Second",
          "value": {
            "heading": "",
            "subtext": ""
          }
        }
      ]
    }
  }
}