Hi @sdirix
my react JSONForms integration looks like this:
ReactDOM.render(
<JsonForms
data={bpmnPropertiesData}
schema={bpmnPropertiesSchema}
uischema={bpmnPropertiesUISchema}
cells={vanillaCells}
renderers={vanillaRenderers}
onChange={({ errors, data }) => this.setState({ data })}
/>,
this.bodyDiv
);
The data JSON is:
{"name":"Gateway-1sdf","documentation":"asfasf","gatewaydirection":"Mixed"}
The Schema:
{
"properties": {
"name": {
"type": "string"
},
"documentation": {
"type": "string",
"description": "Element description"
},
"gatewaydirection": {
"type": "string",
"enum": [
"Converging",
"Diverging",
"Mixed",
"Unspecified"
]
}
}
}
and the UISchema looks like this:
{
"type": "Categorization",
"elements": [
{
"type": "Category",
"label": "General",
"elements": [
{
"type": "HorizontalLayout",
"elements": [
{
"type": "Control",
"scope": "#/properties/name"
},
{
"type": "Control",
"scope": "#/properties/gatewaydirection",
"label": "Direction"
}
]
}
]
},
{
"type": "Category",
"label": "Attributes",
"elements": [
{
"type": "VerticalLayout",
"elements": [
{
"type": "Control",
"scope": "#/properties/documentation",
"label": "Documentation",
"options": {
"format": "radio",
"multi": true
}
}
]
}
]
},
{
"type": "Category",
"label": "Workflow",
"elements": [
{
"type": "HorizontalLayout"
}
]
}
]
}
But the result is a Combobox:
Did you see what I am doing wrong?