menu

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
Posts
Chat
Members
Info
Show previous messages

May 28, 2020 at 4:42pm
Is there a webui for generating jsonforms ui ?
  • reply
  • like

May 29, 2020 at 12:58pm
We're planning to work on a visual editor for JSON Schema and JSON Forms in the next months.
  • reply
  • like
great! Please let me know so that I can share the news with my colleagues. If the PoC goes on we can even contribute!
  • reply
  • like

June 2, 2020 at 12:18pm
We started developing the editor on Github in the jsonforms-editor repository. Note that the editor is in a very early prototyping state and bearably useable, so at the moment I wouldn't recommend it. Once the editor is fit for the public we'll announce it here and on jsonforms.io. I can also ping you separately if you'd like once we want to collect feedback.
  • reply
  • like

June 2, 2020 at 10:41pm
  • reply
  • like
Good night, I have just started using the library and I have some doubts I need a hidden or disabled input by default, I have tried (readOnly = true) but I did not get a result.
  • reply
  • like

June 3, 2020 at 11:34am
Answered the question here:
  • reply
  • like

June 30, 2020 at 2:12pm
How can I disable control on the basis of multiple conditions. For eg there is an element with label "Name" and type "Control" and I want to disable this element if value in schema for it is present and "api_imported" property is set to true. resource_type: users schema: | { } uischema: | { } "type": "object" "properties": "first_name": "type": "string" "minLength": 1 "api_imported": "type": "boolean" "type": "VerticalLayout", "elements": [ { "type": "HorizontalLayout", "elements": [ { "type": "Control", "label": "First Name", "scope": "#/properties/first_name", "rule": { "effect": "DISABLE", "condition": { "scope": "#/properties/configuration", "schema": { "type": "object", "properties": { "manual_cycle": { "const": false } } } } } } ] } ]
  • reply
  • like
Hi , in the rule you can define an arbitrary schema so you can check as many conditions as you want as long as they are representable via JSON schema.
It seems that the code you pasted here got a bit mangled so I'm not sure whether I'm getting this right for your use case but this schema and uischema should show how to achieve the result you want.
For this JSON Schema
{
"type": "object",
"properties": {
"first_name": {
"type": "string",
"minLength": 1
},
"api_imported": {
"type": "boolean"
}
}
}
the following ui schema will disable the First Name control when first_name exists and the api_imported is set to true.
{
"type": "HorizontalLayout",
"elements": [
{
"type": "Control",
"label": "First Name",
"scope": "#/properties/first_name",
"rule": {
"effect": "DISABLE",
"condition": {
"scope": "#",
"schema": {
"type": "object",
"properties": {
"api_imported": {
"const": true
}
},
"required": ["first_name"]
}
}
}
}
]
}
Note that the schema in the rule is scoped against the root object and just defines how the object has to look like to match the rule. If you also want to check that first_name is not the empty string you can just copy the minLength from the JSON Schema.
  • reply
  • like

July 31, 2020 at 1:24pm
Hi, is it possible to create multiple select on jsonforms MaterialUI? I can't find it on documentation.
  • reply
  • like

August 3, 2020 at 12:42pm
Hi , we don't support a multiple select out of the box, however you can implement it via a custom renderer. Please see this answer for more information.
  • reply
  • like

August 5, 2020 at 5:08pm
map option is supported?
  • reply
  • like

August 18, 2020 at 3:24pm
Hi , can you elaborate on your use case?
  • reply
  • like

September 8, 2020 at 2:16pm
Hi, I'm using JSONForms and I have some questions:
  1. Is there a way to submit the form with JsonForms component? in addition, to include a submit button.
  2. My Ui schema includes required properties, the error property include an error message when the form is rendered to the DOM. Is there a way that the error property will include content only after submitting the form? Thank you :)
  • reply
  • like

September 9, 2020 at 2:29pm
Hi (ofekshalom), thank you for your interest in JSON Forms.
Is there a way to submit the form with JsonForms component? in addition, to include a submit button.
If you want to render the "submit button" as part of JSON Forms you can add a custom renderer which renders the button. However, usually I would expect that the submit button is implemented outside of JSON Forms and you simply listen to the JSON Forms' data and submit it to wherever you want.
My Ui schema includes required properties, the error property include an error message when the form is rendered to the DOM. Is there a way that the error property will include content only after submitting the form?
We recently introduced validation modes with which you can turn off validation until the user clicks "submit". You can use this with the beta version of the next release 2.4.1-beta.0.
Edited
like-fill
1
  • reply
  • like

November 11, 2020 at 1:44am
hi !
  • reply
  • like
looking for the npm package, why is is not available?
  • reply
  • like

November 11, 2020 at 8:11am
Hi (eric666), we publish all our packages to npm. See https://www.npmjs.com/search?q=%40jsonforms.
  • reply
  • like

February 4, 2021 at 7:34pm
Hello. Just getting into this jsonforms library. coming from typescript, are there any types for the standards regarding data, schema, and uischema?
  • reply
  • like
data can be anything therefore we type it with any. Both schema and uischema are "properly" typed. We distribute type definitions with our libraries so you should already have them.
  • reply
  • like
is that this: node_modules/@jsonforms/core/lib/models/jsonSchema.d.ts ?
  • reply
  • like
getting a weird error:
import RefParser from 'json-schema-ref-parser';
~~~~~~~~~
node_modules/json-schema-ref-parser/lib/index.d.ts:3:1
3 export = $RefParser
~~~~~~~~~~~~~~~~~~~
This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.
  • reply
  • like
just from trying to use jsonforms
  • reply
  • like

February 5, 2021 at 7:05am
is that this: node_modules/@jsonforms/core/lib/models/jsonSchema.d.ts ?
yes
getting a weird error:
import RefParser from 'json-schema-ref-parser';
~~~~~~~~~
node_modules/json-schema-ref-parser/lib/index.d.ts:3:1
3 export = $RefParser
~~~~~~~~~~~~~~~~~~~
This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag
You need to set allowSyntheticDefaultImports: true in the compilerOptions in your tsconfig.json
Edited
  • reply
  • like

March 17, 2021 at 11:19am
Hi, can somebody help with nested categorization, with ListWithDetail at each levels ?
  • reply
  • like