Custom css class support

[gnom7]

According to the README I can specify my own CSS styles, but I cannot find the way to specify CSS classes for elements in json schema.

If you want to specify your own styles with CSS, you can use barebones, which includes almost no classes or inline styles.

Can we add something similar to

"style": {
      "add": "btn-success"
    }

to element meta information in json schema?
Also see jdorn/json-editor#158 (comment)

[pmk65]

You don't need to apply classes in order to restyle the form. You can use the "data-schemapath" attribute to select the various parts. Example (Look at the bottom of the CSS): https://codepen.io/pmk/pen/KxbNMo
Another option is to create a custom theme. That way you have control over most of the output.

[pmk65]

Info added to wiki

[osmanraifgunes]

"data-schemapath" will not work for arrays. For example I have five elements under array, and schemepath will be dynamic :

data-schemapath="root.0"
data-schemapath="root.1"
.
.
.
data-schemapath="root.n"

[germanbisurgi]

Set a background color on all elements that have a attribute data-schemapath value that begins with "root.":

[data-schemapath^="root."] {
  background: #ffff00;
}