jsonforms icon indicating copy to clipboard operation
jsonforms copied to clipboard

Support Start-/EndAdornments for Input fields

Open Sewdn opened this issue 2 years ago • 1 comments

Is your feature request related to a problem? Please describe.

When inputting number/integers it is often required to indicate what unit needs to be kept in mind. It is currently not possible to use inputAdornments when using jsonForms

Describe the solution you'd like

I would like to add support to all inputFields to have a start or end adornment. At least for the material renderers in react, this shouldn't be to hard because of the out-of-the-box support or adornments in the MUI React library (https://mui.com/material-ui/api/input-adornment/#main-content)

Describe alternatives you've considered

I tried to adapt the existing controls, to add an startAdornment and/or endAdornment prop to the MUI Input-component.

This is however currently not possible because:

  • MuiInputInteger and MuiInputNumber don't forward props to the Input component (https://github.com/eclipsesource/jsonforms/blob/master/packages/material/src/mui-controls/MuiInputInteger.tsx)
  • the generic MaterialInputControl (adding all of the surrounding components, like label, description, helperTexts, ...) is not exported from the library, so we current can't redefine an additional MaterialIntegerControl with support for the start- endAdornments

Framework

React

RendererSet

Material

Additional context

No response

Sewdn avatar Sep 12 '22 11:09 Sewdn

Adornments would be very helpful for our configuration app. Additionally, it would be good if you could use keys in the schema for this. It would be even better if you could also use the "description" for this.

hoffmann-m avatar Nov 21 '23 08:11 hoffmann-m