Add Id Prop to Json Forms

General
1

Is there a way to add an id prop to the json forms component?

<Box className="forms-engine" data-testid="forms-engine"> <JsonForms id={props.id} ajv={ajv} i18n={{ translateError: translateError }} schema={schema} uischema={uiSchema} data={values} renderers={renderers} cells={materialCells} additionalErrors={additionalErrors} validationMode="ValidateAndShow" onChange={({ data }) => { setValues(data); setAdditionalErrors(getAdditionalErrors(schema, data)); }}></JsonForms> </Box>

2

Hi @avwchapman,

This is not possible at the moment. We immediately dispatch to the first UI Schema element, so the first rendered DOM element will either be a layout or immediately a control which already have an id.

Is there a specific use case you are thinking of? Of course you can always wrap JSON Forms with a div, and set the according id there.