UI Form Fields Reference

all_fields.json
{
  "schema": {
    "my List": {
      "itemType": "Object",
      "subSchema": {
        "street": {
          "type": "Text"
        },
        "zip": {
          "type": "Number"
        }
      },
      "title": "My List",
      "type": "List"
    },
    "my_boolean" :{
      "title": "My Boolean",
			"type":"Boolean",
			"help":"boolean help"
    },
    "my_Checkbox": {
      "title": "my checkbox",
      "type": "Checkbox"
    },
    "my_Checkboxes": {
      "options": [
        "Paris",
        "Beijing"
      ],
      "title": "my Checkboxes",
      "type": "Checkboxes"
    },
    "my_Date": {
      "title": "my Date",
      "type": "Date",
      "yearEnd": 2020,
      "yearStart": 1920
    },
    "my_DateTime": {
      "minsInterval": 5,
      "title": "my DateTime",
      "type": "DateTime",
      "yearEnd": 2020,
      "yearStart": 1920
    },
    "my_Number": {
      "editorAttrs": {
        "max": 999,
        "min": -999,
        "step": 0.1
      },
      "title": "my Number",
      "type": "Number",
      "validators": [
        "required",
        "number"
      ]
    },
    "my_Password": {
      "title": "my Password",
      "type": "Password",
      "validators": [
        "required"
      ]
    },
    "my_Radio": {
      "options": [
        "Paris",
        "Beijing"
      ],
      "title": "my Radio",
      "type": "Radio"
    },
    "my_Select": {
      "options": [
        {
          "label": "Paris",
          "val": "Paris"
        },
        {
          "label": "Beijing",
          "val": "Beijing"
        }
      ],
      "title": "my Select",
      "type": "Select"
    },
    "my_Select2": {
      "editorClass": "select2container",
      "options": [
        {
          "label": "Athens",
          "val": "Athens"
        }
      ],
      "select2options": {
        "data": [
          {
            "id": "Paris",
            "text": "Paris"
          },
          {
            "id": "Beijing",
            "text": "Beijing"
          }
        ]
      },
      "title": "my Select2",
      "type": "Select2"
    },
    "my_Spinner": {
      "editorAttrs": {
        "max": 999,
        "min": -999,
        "step": 0.1
      },
      "title": "my Spinner",
      "type": "Spinner"
    },
    "my_Text": {
      "help": "text help",
      "title": "my text",
      "type": "Text",
      "validators": [
        "required"
      ]
    },
    "my_TextArea": {
      "title": "my TextArea",
      "type": "TextArea"
    },
    "my_object": {
      "subSchema": {
        "street": {
          "type": "Text"
        },
        "zip": {
          "type": "Number"
        }
      },
      "title": "My Object",
      "type": "Object"
    },
    "my_wysiwyg": {
      "editorAttrs": {
        "toolbar": [
          "font",
          null,
          "fontSize",
          null,
          "foreColor",
          null,
          {
            "className": "btn-info",
            "name": "bold"
          },
          {
            "className": "btn-info",
            "name": "italic"
          },
          {
            "className": "btn-info",
            "name": "strikethrough"
          },
          {
            "className": "btn-info",
            "name": "underline"
          },
          null,
          {
            "className": "btn-success",
            "name": "insertunorderedlist"
          },
          {
            "className": "btn-success",
            "name": "insertorderedlist"
          },
          {
            "className": "btn-purple",
            "name": "outdent"
          },
          {
            "className": "btn-purple",
            "name": "indent"
          },
          null,
          {
            "className": "btn-primary",
            "name": "justifyleft"
          },
          {
            "className": "btn-primary",
            "name": "justifycenter"
          },
          {
            "className": "btn-primary",
            "name": "justifyright"
          },
          {
            "className": "btn-inverse",
            "name": "justifyfull"
          },
          null,
          "backColor",
          null,
          {
            "className": "btn-grey",
            "name": "undo"
          },
          {
            "className": "btn-grey",
            "name": "redo"
          },
          "viewSource"
        ]
      },
      "title": "",
      "type": "wysiwyg"
    },
    "rgba_color": {
      "title": "Background Color",
      "type": "SpectrumColorPicker"
    }
  }
}