I have a question about modifying the Content Grid data type settings to use checkboxes. What we are attempting to do is allow users to modify classes within the grid editor via a checkbox instead of a text area or radiobutton list. The textarea approach often proves confusing for end-users who don’t have an active understanding of css classes, and the radiobutton list is a bit too limiting for them.

We are trying to allow users to select multiple options, such as padding and maybe a background color on one cell, but padding and some margin bottom on another, things like that.

We’ve gotten the checkbox format into the grid editor, but it keeps passing the values like this:

Class=”[“p-3”,”d-flex”]”

So we are trying to figure out how to change that to an expected:

Class=”p-3 d-flex”

the Json we've been using looks something like this:

  {
"label": "Class",
"description": "Select styling Options",
"key": "class",
"view": "checkboxlist",
"prevalues": [
  {
    "label": "None",
    "value": " "
  },
  {
    "label": "flex",
    "value": "d-flex"
  },
  {
    "label": "Padding 3",
    "value": "p-3"
  },
  {
    "label": "Gradient",
    "value": "gradient-2"
  }
]

Thank you.