What is the best approach to customize formio.js formbuilder?
I need an extra field in the "Data Source Values" of a Select component. So I did this:
- clone the fomio.js repo, npm install everything
- create local branch from the latest main (master) branch
- Add my field in https://github.com/formio/formio.js/blob/master/src/components/select/editForm/Select.edit.data.js
- run
gulp rebuilt-scriptsand use the /dist/formio.full.js - Every now and then pull updates from the formio.js repo, merge into my local branch
Is there another (better) way to do this? Creating a custom component for my changes or is it possible to overwrite component without touching the core?
But for that I can't wrap my head around how to set this up (main thing is I guess how to write a working built script for webpack etc)
I looked at this https://github.com/formio/contrib and in the wiki, but it's all so vague and I don't know too much about this ES6 JS/Webpack stuff. I can uglify scripts with grunt, figured out how to run babel, before etc. - but I have a hard getting into webpack/gulp.
If someone could share a working example how they build a custom component, that would be awesome! Thanks
@travist
I'm currently trying the trial version of formio hosted and have run into an issue with role assignment that previously worked.
I want to register a user, and assign a role (i.e. Administrator), so I use the "Role Assignment" action with the params "New Resources", "Add Role", "Administrator".
Handler: After, Methods: Create
An API call to register the user hangs in 60 seconds; however a user resource is created without the proper role. When I revisit the action page I get:
"This Action will not execute because the conditional settings are invalid." I'm guessing this is a catch-all error.
Is there something broken in production? I've tried creating a new project with barebones example and the error seems to replicate.
Here is my test project with this issue: https://portal.form.io/#/project/5f0b8481236347279fa0a96e/form/
It's just the default forms with one having the add role action.
Many thanks
We are integrating form.io with angular, and we have created one form which includes image list, Now our requirement is to re-arrange those images inside the form. We are unable to find any solution yet, though we can re-arrange the fields but how can we re-arrange the field value like image gallery.please suggest
We are integrating form.io with angular, and we have created one form which includes image list, Now our requirement is to re-arrange those images inside the form. We are unable to find any solution yet, though we can re-arrange the fields but how can we re-arrange the field value like image gallery.please suggest
internal/modules/cjs/loader.js:968
throw err;
^
Error: Cannot find module '/app/main'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
at Function.Module._load (internal/modules/cjs/loader.js:841:27)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
at internal/main/run_main_module.js:17:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}https://formio.github.io/formio.js/app/examples/customcomponent.html
https://www.npmjs.com/package/@formio/bootstrap3
do you have any idea?
@channancy, you can follow this below link:
https://formio.github.io/formio.js/app/examples/customcomponent.html
Thank you for your reply. I had already looked at that link but it is more of an example than detailed documentation.
