This project forked from rjsf-team/react-jsonschema-form
A React component for building Web forms from JSON Schema based on the Material UI react library
Home Page: https://mozilla-services.github.io/react-jsonschema-form/
👋 Hi, I’m Pankaj. I love to tinker with tech and design nifty utilities. Also, I have an amazing knack for finding memes with apt captions😎.
Form component should inherit the MuiTheme sent by the parent component
Add the following components to library
| # | Component | Notes |
|---|---|---|
| 1 | Single Select DropDown | Fetch data from a remote datasource Or from an external JSON |
| 2 | Multi Select DropDown | Fetch data from a remote datasource Or from an external JSON |
| 3 | Multi Column Single Select Dropdown | Fetch data from a remote datasource Or from an external JSON |
| 4 | Multi Column Multi Select Dropdown | Fetch data from a remote datasource Or from an external JSON |
| 5 | Radiobutton with Image | |
| 6 | Upload file/Image | |
| 7 | Grid with action columns(e.g Add,Edit,Delete) | Fetch data from a remote datasource Or from an external JSON |
| 8 | Collapsible Panel / Accordion |
Remove keys from the form data that have undefined value.
Implement a mechanism to handle i18n for labels, error messages and enums. At the moment, the labels are embedded within the json schema itself.
Currently, all UI elements are rendered in a linear manner. It would be great if we could have a way to have fine grained control on the UI layout of the form.
When we select option/options in the async dropdown component, it shows selected elements in the search bar and the cursor in the search bar. If we press Backspace to remove the selected options, the UI gets clear, but not the formdata.
Check the below screenshot.
It was working fine in previous versions as I guess.
Please check, thanks.
Following setting does not work in UI schema:
"ui:widget": "select", "multiSelect": true
However, the UI renders as expected if we change the widget to checkboxes. Seems like the multiselect material UI dropdown is not being rendered properly.
Add support for material ui date and datetime pickers. Preferred lib: material-ui-pickers
Add native support for observer fields. I want to be able to set the value of a field based on the input of another field.
Add: Support for react-html-parser for title, description and help fields
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
