Questions tagged [formio]
Form.io is a revolutionary combined Form and API platform for Serverless applications.
172
questions
0
votes
0
answers
13
views
How do i implement the drag and drop form builder in angular application to the client with api interactions?
I have created an angular application that will let the client make their own forms using drag and drop method.
I have implemented it with formio npm package which works fine .
But when interacting ...
0
votes
0
answers
20
views
Form io API call
This is regarding implementation of the API call in the button click in formio using angular. The post-to URL option is available, but adding the API's desired posting structure is impossible here.
Eg:...
0
votes
1
answer
42
views
DataGrid rows counts change based on another input field value in formIO
Consider I have an input field to enter a number of children. When the user enters 2, the data grid component containing child details should display 2 rows without clicking the "Add another"...
0
votes
0
answers
55
views
Form.io get JSON Data Component without submission?
In Form.io, I have the Data Component and this in the name of the input box write data[FirstName]. This is very hard to manage in a self programmed endpoint to save data on own server.
Is there is a ...
0
votes
0
answers
48
views
formio, instance multiple base component in custom component
I'm trying to create a custom component having a combination of 3 base Select formio components (similar to the "day" component), but using the https://help.form.io/developers/custom-...
0
votes
1
answer
45
views
Problem with table data sum in FormIO table element
With this script I can sum all the values set in the cells of a formIO table element
value = Object.keys(data).reduce((acc, key) => {
if (key === "totalTableData") return acc;
if (...
1
vote
1
answer
122
views
Get column data sum from FormIO table element
I'm trying to get the column number sum in a table element from FormIO. At the moment I'm doing this with this script:
if(data['personesAtesesNoBinari17'] >= 0 ||
data['...
0
votes
1
answer
226
views
Form.IO - Form events not firing
I'm using Form.IO JS library for developing various new forms. Recently, the need to perform some actions upon opening the form has been presented. So, I searched the documentation on form events. ...
0
votes
0
answers
48
views
Custom document preview component in formio
I am currently trying to create a custom component in formio which would allow me to preview DOCX, PDF and EXCEL files. I do not really understand how the custom component works in formio.
How would ...
0
votes
0
answers
45
views
Formio Validation Error Jump to links on Type EditGrid not working
When the Validation catches errors into an alert and provides links to navigate to the field like so:
The links for the First and Last Names work since they are inputs but the Items does not using ...
0
votes
0
answers
125
views
react-formio: Custom component unmounting
I have a React18 project and wanted to make custom react-formio component (code below) but this.container.unmount in detachReact method shows this warning:
Warning: Attempted to synchronously unmount ...
0
votes
0
answers
222
views
In Form IO, for a dropdown field, how to auto select if there is only one option to select from
I am using Form IO in my react application.
There is a scenario wherein after selection of all the fields except the last one, determines the possible values of the last field which is a dropdown ...
0
votes
1
answer
291
views
FormIO - Dynamic labels for Text Field based on the input data of another text field
In my form, I have 2 text fields, Based on the user input from the input field 1, the label of the 2nd field should change.
Input 1 label: Name
Input 2 label: User, Please enter your age
Now when the ...
0
votes
0
answers
25
views
Formio form drop down options is not showing when I use overflow-auto in vue
when I tried to open my drop-down of a form created using formio in my Vue project it was not showing options inside the dropdown. and I debugged the issue with class choice_list. inside the ...
0
votes
0
answers
87
views
Formio: Formiojs rendering submission then immediately unrendering
So I'm relatively new to form.io but the company I work for has a ton of forms set up. Recently there's been a strange bug when rendering submissions. It only happens on some forms and only with some ...
0
votes
0
answers
263
views
How to refresh a form after submission and get a new form ID without refreshing entire window using Form.io
I have an Angular app. I am using Form.io and the form renderer to display this form in my app. I want to refresh the form after it has been submitted (redraw the form with the the same data in the ...
0
votes
0
answers
28
views
FormIO Checkbox Values In Textbox Above It
I have a textbox and a checkbox with the checkbox being under the text box as shown below
Image 1
Image 2
I am using @formio/react create a printable PDF on the frontend. The issue is, when I do that, ...
0
votes
0
answers
167
views
Formio conditional select
I use the library formio.js and I'm trying to filter options in a selectbox according to selected value of another selectbox in the form.
I understood how you can do it with external source as ...
1
vote
0
answers
40
views
make default customOptions property in the Date/Time Component JSON + FormIoJS
I have installed the following module in Odoo Community 15.0 version.
https://apps.odoo.com/apps/modules/15.0/formio/
I am using a Date/Time Component on multiple forms.
I think the default behavior ...
0
votes
0
answers
82
views
How to change the create view of a Resource in angular formio?
Based on https://help.form.io/intro/application, I am trying to change the create view of the Event resource by:
generating the create component of the event module:
ng g c event/create
extending ...
0
votes
0
answers
153
views
FORMIO: I am trying to create custom field logic, and I want to select value of every field for eg.(data.firstName will select value of Firstname)
let disableBool;
if(data.firstName === "disable"){
disableBool = true;
return disableBool;
}
result = disableBool;
This is an example of how I selected "Firstname" field and ...
0
votes
0
answers
33
views
Patching the Formio database using Patch request gives error
I am submitting the data in Form.io but there is PdtName(Local storage value) which is shown after Form.io form is submitted. To pass PdtName value in Form.io database I am using patch request and ...
0
votes
0
answers
68
views
Angular Formio Returns wrong value for calculated fields while returning submitted value
Angular formio returns wrong values for the calculated field in my form. When the user initially fills the form all works fine, but coming back to the data to edit or view, the data gotten back from ...
0
votes
0
answers
298
views
use external resources, or allow full javascript in form.io custom validation
I have a field need to do validation based on external resources. But form.io doesn't allow me to use javascript fetch method and custom a variable in the custom validation.
There seems to be a data ...
0
votes
0
answers
433
views
Form.io - Adding custom action to button that lets user add panels to form
I have designed a form using Form.io form builder with draggable components. The form has a button and a panel with many select fields.
I am new to Form.io and I was wondering if when the user presses ...
0
votes
0
answers
361
views
How to disabled a radio button list
The issue I have is that using Logic, if my trigger has an action that disables my component. The fact the trigger is false, makes it enable my component.
If fieldA value = 99 then disable fieldB. But ...
0
votes
0
answers
231
views
Form.IO Builder Issue
Environment
Formio.js version: 4.14.5
Frontend framework: Next Js, React Js
Browser: Chrome, Mozilla
I need to get default value in custom component.
The below screenshot is a custom component of ...
0
votes
0
answers
33
views
How to add a role as a designer without admin power just need to create form and edit in formio?
we can see the the roles
Admin : this role can do everything
I need designer : Now I am using admin as a designer to create forms. but admin can add another persons but I don't want this feature to ...
0
votes
0
answers
141
views
Unable to Update data in Form.io column
This scenario is for Formio platform.
Once the formio form is submitted, I want to update the column in the formio using partial update. Postman request for Partial update -> https://documenter....
1
vote
1
answer
206
views
FORMIO questions total newbie
I'm tryin to learn FORM.IO, I'm a total newbie and have little knowledge with Javascript or client server or cloud.
I have some questions, really sorry if they sound stupid.
Is there a difference ...
2
votes
1
answer
714
views
Form.IO - How to make dropdown choices inside a DataGrid to become visible
I'm using Form.IO JS library for developing a new form. I need to create a DataGrid with 11 components inside of it, so the only way to fit everything inline is to use overflow: auto CSS rule (in fact ...
0
votes
0
answers
15
views
NextJS: navigator is not defined when using formio library [duplicate]
I'm using formio to handle forms with my nextjs project, when I use it inside a react project it works perfectly but when using it inside nextjs it causing error.
Error inside my console looks like ...
0
votes
0
answers
380
views
How to return values from data.custom to Select formio (typescript)?
An error occured within custom function for country ReferenceError: getAddressResource is not defined from the code below. I don't know what I'm doing wrong?.
export default class Component extends (...
0
votes
0
answers
50
views
FormIO in Logs I am getting Emailer error
I am looking to find a solution in FormIO where I have setup an action to send an email in my form (Wizard) but nothing is happening.
I dont get any email at all.
So I tested it by creating another ...
0
votes
1
answer
527
views
Is it possible to trigger an event when a form field value in formio form changes?
I am using formio angular to render a simple form. The form has a birthday field and when initialized, it has a default value and if it is changed, is it possible to emit an event if the default value ...
0
votes
0
answers
144
views
Can we do validation that issues a warning as apposed to an error?
I would like to have some validation be a warning and not cause the while form to stop/fail. Searching Google it seems possible, but I can't find any example of how to do it.
Is it possible?
6
votes
1
answer
375
views
How does formio use "id"?
Editing attributes in a formio form through the builder results in a number of changes -- fields are reordered apparently at random, and the "id" field gets a new value.
This is making it ...
2
votes
0
answers
257
views
TypeScript FormIO Custom Component doesnt Render & cant add Even Listeners
I have created a custom component in FormIO. I have followed the tutorial on the Check Matrix component and I am having issues trying to:
get the type to render as a custom name "e.g. mycomp&...
0
votes
1
answer
401
views
Validation is not getting triggered for multi-select component - Formio
I'm using Select component which allows multiple values to be selected by the user.
Though Formio has required error message display as an inbuilt functionality, I've used custom validation to display ...
0
votes
0
answers
201
views
Creating new form with formio I get unauthorized
What permissions should have a simple user (not admin) to be able to create a new form under free form.io? Currently, using the default template json project reports unauthorized.
0
votes
1
answer
697
views
how i can change color in form.io?
how i can change color in this buttons? I did not see how :( I'm using form.io
<FormBuilder
form={{ display: 'form' }}
onChange={(schema: any) => console.log(schema)}
...
4
votes
2
answers
1k
views
click/change event for formio component
I am using formio npm package to integrate the formbuilder in react application. I want to get change event for a select box. Is there any way I can configure or identify the change event triggered ...
1
vote
0
answers
494
views
Form.IO: Use the Select component static search as the input to dynamically update the list
If I have a Form.IO Select component, pulling data from a URL, is there a way to use the static search as the input for further paginated debounce?
Essentially I would like a single field, which as ...
0
votes
1
answer
541
views
With Formio.JS, possible to group components?
I know we can create custom components, but I am curious if there is a way to group a few together into either a Container or a Panel?
For instance, why make everyone create the same 4 fields in a ...
1
vote
1
answer
503
views
Object is possibly undefined formio onchange
I've got this error:
Error: src/app/app.component.html:1:30 - error TS2532: Object is possibly 'undefined'.
1 <form-builder [form]="form" (change)="onChange($event)"></...
1
vote
1
answer
701
views
Making a field in formio calculated from other fields
Please I am using formio to create a form, within the form two fields (currency) are to be added and a total is to be generated in a field called total.
I have tried adding this custom javascript code ...
1
vote
2
answers
206
views
How to restrict anonymous user from some forms in form io?
Formio providing anonymous role id for access the form from formio. this is providing the data without login. so when we try to access "/form" endpoint we will get all forms. some forms we ...
2
votes
0
answers
525
views
Form.io dependent dropdown to be filtered from the Resource data
I have a form where I need to select state from dropdown1
these values are loaded from the form.io resource DB (Community DB)
upon state drop down selection, I need to fetch the community names ...
0
votes
1
answer
372
views
How to disable button while form is being created and to prevent duplicate form
I am trying to make it so that a "Submit" button is disabled when submitting and forwarding data from a form. This is to prevent the user from create multiple copies of the form when rapidly ...
0
votes
1
answer
880
views
ERROR in The target entry-point "angular-formio" has missing dependencies: - @angular/elements
ERROR in The target entry-point "angular-formio" has missing
dependencies:
@angular/elements
I am getting this error in the angular version
Angular CLI: 9.1.3
Node: 12.14.1
OS: win32 x64
...