by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Marcus
    @marcus-at-localhost

    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:

    1. clone the fomio.js repo, npm install everything
    2. create local branch from the latest main (master) branch
    3. Add my field in https://github.com/formio/formio.js/blob/master/src/components/select/editForm/Select.edit.data.js
    4. run gulp rebuilt-scripts and use the /dist/formio.full.js
    5. 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

    Also, do I really have to wait 2 minutes for any change and script-rebuild? :-o Or is there another way, to have the immediate change while developing?
    Timotius Pamungkas
    @timpamungkas_gitlab
    form.io has roles to "Read own submission". How to use them?
    In form.io components, I only see input components, but no component like data grid or something (to display data)
    I mean data grid = something to display what I entry before (not https://help.form.io/userguide/data-components/#datagrid)
    dizzy-duality
    @dizzy-duality
    Hi guys, I'm trying to use the jsonlogic for a select element in a datagrid within a datagrid. What variable do I use?
    Eric Poon
    @etmpoon999_gitlab
    Can I use formio.js on my application as the front end? I find that it has MIT license.
    Ouwen Huang
    @Ouwen

    @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

    Ouwen Huang
    @Ouwen
    Alright, it seems like I've found the error. The assign role action needs to be on a resource, not a form. If it is on a form I'm guessing I must provide the id field of the specific resource.
    Gintautas Sulskus
    @gintautassulskus
    Provided I have flexibility to go with React-formio or Angular-formio, which one is easier to maintain and extend if at all? I looked at both on GitHub and it appears that react-formio (dev) is using a more recent version of formiojs. I suppose React and Angular can work just fine with Bootstrap (which is the default for formio?). I did consider angular material, but it is yet another layer of complexity on top. If I were to extend formiojs, I would have to modify all three (formiojs+angular-*) libraries.
    What's your experience? Is it sensible to just use plain formiojs in React/Angular or is it better to use the dedicated libraries?
    Mr24Hour
    @crivera305
    Im having an issue with Conditionals and Form Components- When a form answer is saved - and i go back to see the form filled out - some of the form components are missing subcomponents
    Dev Expert
    @expert-dev1
    Hello all
    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
    image.png
    Dev Expert
    @expert-dev1
    @travist @aderici @marcus-at-localhost
    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
    Alper Derici
    @aderici
    @expert-dev1 well technically you could re-arrange values of a field programmatically as it simply is an array. But i dont think the standard file upload field supports drag drop re-ordering of elements
    Hugh Caluscusin
    @MelodicCrypter
    Hi guys! Really need some help. I’m using React wrapper for FormIO. My case is that I need to validate the data in the background using formio’s validation. Is that possible? Without showing any form?
    To be more specific: before I proceed with any update-call to the server, I need to check and validate the data using formio but without showing any form. Just in the background. Then if all fields passes the validation then that’s the time I will make an update-call to the server.
    Sergey Kropinov
    @doublegrey
    Hi guys! can anyone tell me how to build https://github.com/formio/formio.js ? I need to add some functionality and use it in https://github.com/formio/formio . Howether, after bulding formio.js and placing lib folder in formio's node_modules I have this error -> 'ReferenceError: Element is not defined at Object.<anonymous> (formio/node_modules/element-qsa-scope/index.js:70:5)'
    abhilash-aot
    @abhilash-aot
    Hi @travist , I am trying to use the custom token generation from here: https://help.form.io/integrations/sso/ . This is working with the open source formio. But when tried to do a POC with the enterprise edition with the trial project it seems to give a Bad token error with a 400 error code and deletes the formioToken (which seems to be set first) from localStorage. With Little debugging I think the issue may be due to the JWT_SECRET needed in custom sso method. But couldn't figure it out where to find that ? Can see it can be configured with docker hosting. But we do not want a separate hosting, need to use the existing formio portal and enterprise edition. Please help. Thanks
    image.png
    image.png
    image.png
    channancy
    @channancy
    image.png
    Hello, I was wondering how we can pass a request body in the Data Source component. I only see options for request headers:
    Hadi Rasouli
    @hadirsa
    Hi guys, I wanted to develop and change the client part of the Formio.
    I couldn't find the project on Github. Is there anyone who can help?
    I mean this app which ran after starting fomio server
    Screenshot_20200801_134153.png
    :pray: :
    Dave Conroy
    @tiredofit
    Hadi Rasouli
    @hadirsa
    @tiredofit Thanks a lot
    Hadi Rasouli
    @hadirsa
    Hi guys, I'm getting this error after build and running the docker container:
    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: []
    }
    channancy
    @channancy
    Is there documentation on how to create a custom component for a stand-alone form (I only want to use the hosted version of the form and not embed it anywhere)?
    Hadi Rasouli
    @hadirsa
    Hi @travist, I cannot download this package:
    https://www.npmjs.com/package/@formio/bootstrap3
    do you have any idea?
    Screenshot_20200806_132630.png
    Alper Derici
    @aderici
    @hadirsa today npm repository faced a downtime thats because of that. Can you retry as they have fixed it by now
    channancy
    @channancy

    @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.

    hainguyen
    @hainguyen
    Hello! Anyone know why https://formio.github.io/formio.js/app/builder PDF builder does not work?
    Drag and dropping fields not working
    channancy
    @channancy
    @hainguyen: I am able to drag and drop fields there.
    image.png
    Is there a way to edit the underlying HTML in the Content Component? I do not see a "Source" button in the Portal.
    hainguyen
    @hainguyen
    @channancy I can drag and drop for normal forms. When I change it to PDF, the drag and drop stops working
    I am on Chrome. Are you on another browser?
    channancy
    @channancy
    I am on Chrome as well (Version 84.0.4147.105 (Official Build) (64-bit))
    hainguyen
    @hainguyen
    I am on 84.0.4147.105 as well. I can confirm it works on firefox.
    Just not my Chrome
    hainguyen
    @hainguyen
    After testing, this is only happening for Chrome on MAC.