networknt / networknt/react-schema-form
Horizontally structured array items
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 356
- Forks
- 94
- Avg merge
- 19h 36m
- Merged PRs (30d)
- 4
Description
I would like to build forms layered horizontally within a form-group like "Primary Colors", "Secondary Colors", etc, see this:
However, I don't get the horizontal layout to work. No matter what I do, e.g. subforms it will always rendered as stacked, like this:
I would also like to customize the add/remove button, to be right after the color swatch (or on top). I was able to add a color picker control myself.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the array-item layout described for form-group and subforms, using the two screenshots as the visual reference. Investigate how the form currently renders stacked items and how add/remove controls are positioned. Done should provide horizontally structured groups such as Primary Colors and Secondary Colors, with customizable button placement.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100