Stack Overflow
Stack Overflow

Questions tagged [jsonforms]

JSON Forms is a JSON Schema based approach for creating forms based on Redux and comes with support for React, Angular, and Vue.

JSON Forms is a JSON Schema based approach for creating forms based on Redux and comes with support for React, Angular, and Vue.

https://jsonforms.io/

31 questions
3
votes
0 answers

JSON Schema forms and AJV: validation warnings instead of errors

I have a specific use case in which we use several JSON schemas to create forms using @jsonforms/core in combination with @jsonforms/angular (jsonforms.io). The validation happens as recommended with ajv. To approach this as generic as possible (I…
Eds Keizer
  • 31
  • 1
3
votes
2 answers

How can i override default error messages text in JSON forms

TLDR: I need to customize the default error messages provided by JSON form. Eg if field is required then JSON form give error like is a required property, I want it to return error message text like Invalid input.... I've created a JSON form with…
Jawad
  • 103
  • 1
  • 8
3
votes
0 answers

how to use rules in Json forms with object from array as condition?

i am using json-forms with react and i want to introduce condition where category is hidden and it will show depending on object inside an array. here is pseudo schema var schema = { "type": "object", "properties": { …
dash
  • 89
  • 1
  • 8
2
votes
1 answer

JSONForms Vue Basic String Custom Renderer

So I'm starting out with Vue JSONForms and I'm trying to create a bare-bones custom text renderer. I know there JSONForms has the vue-vanilla package, but I want to understand what are the basics needed for a custom renderer because later on I will…
Adam Silva
  • 1,013
  • 18
  • 48
2
votes
1 answer

Json form schema use in react native

Is there any way I can use json form schema with custom renderer (using json schema to render react native UI elements) in react native. I have seen couple of react native specific package which are inspired by json form but couldn't get those…
Praful Kadam
  • 372
  • 6
  • 22
2
votes
1 answer

Use of JsonForms tester ranks

I’m using JsonForms for my form creation in React. I’m working on creating a test r and was wondering why it needs a rank? import { rankWith, scopeEndsWith } from '@jsonforms/core'; export default rankWith( 3, // what’s the use for this? …
Dev
  • 21
  • 2
2
votes
1 answer

Dependency on the existence of a nested value

I can get dependencies to work with non-nested values (top-level in the schema), but I would like for a dependency to be dependent on a property which is nested within an object definition. const schema = { type: "object", properties: { …
nkalpak
  • 23
  • 2
2
votes
1 answer

React JSON Schema Dependencies

I am trying to write up a JSONSchema to be used with react-jsonschema-form, but am having trouble getting the dependencies working and in the correct order. "properties":{ "condition": { "type":"string", …
user2884618
  • 41
  • 6
1
vote
0 answers

Trying to get all keys from a JSON schema using react JS

I'm trying to get all of the keys from this JSON schema using react.js. The end goal is to create a system that will automatically create a dynamic form based on this schema that will change during the projects lifetime. { "$comment": "If…
iRazed
  • 11
  • 1
1
vote
1 answer

Jolt convert JSON file with data enrichment and deletion

I need help, I'm new to Jolt. There is a json file: { "Date": "2021-01-01", "Status": "New", "Agreements": [ { "ID_agreement": "12345", "ID": "fffffff", "balance": { "rub": 5, "usd": 6, "eur": 7 …
Вика Вольферц
  • 11
  • 1
1
vote
1 answer

jsonforms with Bootstrap: VerticalLayout missing

I'm trying to use jsonform in my ASP.NET Core application. It is working quite well. I can't understand why I have this error Uncaught Error: The JSONForm contains an element whose type is unknown: "VerticalLayout" at formTree.buildFromLayout…
Enrico
  • 3,592
  • 6
  • 45
  • 102
0
votes
0 answers

JSONForms: How can I get the value of an element in uischema

{ type: "Control", scope: "#/properties/prop1", }, { type: "Control", scope: "#/properties/prop2", rule: { effect: "DISABLE", condition: { scope: "#/properties/prop1", …
Mr. Potato
  • 1
0
votes
0 answers

When editing the yaml obtained with react-jsonschema-form, when entering characters in "" the cursor moves to another location

I'm working on a website that converts data entered in a JSON form (using react-jsonschema-form) into YAML. This is my first project using JavaScript and my first experience with frontend development, so I apologize in advance if anything in my…
Альберт Гайнатуллин
  • 1
  • 1
0
votes
0 answers

How to display custom error message in JSON Forms for Typescript?

This is my TSX code: import React, { FC, ReactElement } from "react"; //jsonforms import import { useState } from "react"; import { materialRenderers, materialCells, } from "@jsonforms/material-renderers"; import { JsonForms } from…
ernesto casco velazquez
  • 33
  • 6
0
votes
2 answers

Unexpected token in JsonForms custom-renderer props declaration

I am following an example from here to create a custom renderer for JsonForms using Vue: https://jsonforms.io/api/vue/vue/index.html However, when I include this sample in my .vue file within the script tags. I get an error UnexpectedToken…
Droxx
  • 197
  • 1
  • 8
1
2 3