menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

JSONForms

JSON Forms is a JSON Schema based approach for creating forms and comes with support for React, Angular and Vue. Support here is free, but might involve some delay in the replies based on our current workload for paying customers. We also offer PROFESSIONAL SUPPORT packages to get you started quickly with JSON Forms and to help you with any questions and technical difficulties for JSON Forms with guaranteed response time and in-depth technical solutions. For details please see our web page linked below.

Channels
Team

fullWidth option?

June 20, 2019 at 6:18pm

fullWidth option?

June 20, 2019 at 6:18pm (Edited 3 years ago)
Hi!
Thanks in advance. My form (https://imgur.com/a/hRyVR8q) looks funny since the fields are fullWidth by default. I was not able to find a way to set that MUI property to false. I did notice that there is an option you can set in the uischema called multi and found this function that checks if multi is true.
export const isMultiLineControl = and( uiTypeIs('Control'), optionIs('multi', true) );
Is there a way to do something similar but controls the width? Or will I need to create a custom renderer just for that?

June 20, 2019 at 6:48pm
I solved my specific problem but I don't think the solution is great. I overrode the MuiInputBase's width, with MUI theme override. But this would change all input widths. It works for me since I don't have other inputs.
No, currently not. It's expected that you either handle it via theme (like you did) or by wrapping the entire form and constraint the width. I think we could provide an option, but we'll probably won't be able to tackle this anytime soon, but we'd welcome a PR of course.
Thanks! If there's a need for us to have more granular control, we'll open a PR.
like-fill
1