Array Render Error

Hello, I am trying to render an array of object:
Schema:
{
“docs”: {
“type”: “array”,
“items”: {
“type”: “object”,
“properties”: {
“docType”: {
“type”: “string”,
“enum”: [“Driver License”, “Passport”]
},
“sides”: {
“type”: “array”,
“items”: {
“type”: “string”,
“enum”: [“front”, “back”]
}
}
}
}
}
}
But the render is not working as expected, the width is wrong.

Can someone please help? thanks

Hi @mangogogo,

I’m not sure which width you are exactly talking about but yes I agree the rendered output is not optimal.

You can customize the output via CSS, Material UI theming or custom renderers. If you find a good solution feel free to post it here and/or create a contribution to JSON Forms. If you intend to do some drastic changes to the rendered output you probably want to clarify first before creating a contribution.