Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Custom positioning ui fields

See original GitHub issue

Is there a possibility to arrange position of the ui fields in schema?

Prerequisites

I have read the documentation;
In the case of a bug report, I understand that providing a SSCCE example is tremendously useful to the maintainers.
Ideally, I’m providing a sample JSFiddle or a shared playground link demonstrating the issue.

Description

[Description of the bug or feature]

Steps to Reproduce

[First Step]
[Second Step]
[and so on…]

Expected behavior

[What you expected to happen]

Actual behavior

[What actually happened]

Version

You can usually get this information in your package.json or in the file URL if you’re using the unpkg one.

Issue Analytics

State:
Created 3 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

3reactions

Maikel-Naitcommented, Jan 6, 2021

Probably you could try to use this nice “plugin” :
https://github.com/audibene-labs/react-jsonschema-form-layout

2reactions

boerngen-schmidtcommented, Mar 12, 2021

Hello,

I was wondering too, if it is possible to rearrange the positions of fields. I have looked at some tickets #1318, #1551, #762 and #1010. Also I read the documentation a couple of times, but in neither of them I found an easily understandable way a non-javascript developer (like I am) could achieve this. I understand from the read discussions, that there is no standard for the uiSchema.

What really bugs me with rjsf is, that the schema which I would understand more as a data layout, actually defines the layout or at least I did not find another way to group fields without grouping the underling data, which also is annoying since the data might be flat, but in order to prefill the form I need to transform it and also after change transform it again to match my endpoint.

Before I had a look at JSONForms which seems to be very similar to this library. They provide a very simple way to do Layouts in their library see: https://jsonforms.io/docs/uischema/layouts

@Maikel-Nait the “plugin” seems to be very dated ~3 years old. Also it seems to only (?) support bootstrap, correct?

If there is a way, that I could design my own layout, and then pass it to the library it would be awesome to have a few examples and more documentation on it.