Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    briggssaint4
    @briggssaint4:matrix.org
    [m]
    JavaLove810
    @JavaLove810
    Hi all
    is there any way to prevent duplicate fields name while drag and drop in form io?
    DenchickDev
    @DenchickDev
    photo_2022-09-06_13-43-23.jpg
    photo_2022-09-06_13-51-35.jpg
    I have cloned angular-demo from github. In the home component, I have output several fields. The drop-down list looks incorrect, as if the styles have not been tightened.
    Node Version: 16.16.0
    NPM Version: 8.11.0
    What did I do wrong?
    Sahil-Sayyed
    @Sahil-Sayyed
    Tried to run the form.io enterprise image on docker environment but facing below issue: env : can't execute a bash : No such file or directory
    Sahil-Sayyed
    @Sahil-Sayyed
    I don't see the text area with HTML styling pane with bold,italic, etc,
    2 replies
    I don't see the text area with HTML styling pane with bold,italic, etc, so can someone suggest if there is any custom component which we can build which will have text area along with the bold,italic etc. style panes?
    calaf2
    @calaf2
    [open source & https & vue.js] Help needed!
    Hi, there
    I've set up an open source form.io platform, with a vue.js front powered by nginx with https.
    I'm struggling to get my front to work with the platform:
    I can't find a simple way to have the form.io platform to use https&wss
    I get either cross environment restrictions or insecure calls to ws.
    What did I miss?
    Thanks!
    calaf2
    @calaf2

    [open source & https & vue.js] @calaf2 answering to myself

    I call form.io from vue.js on the same domain to avoid cross domain issues:
    https://myserver.com/api

    And I use ngnix as a reverse proxy:
    server {
    listen 443 ssl;
    listen [::]:443 ssl;

    server_name myserver.com;
    ssl_certificate /etc/letsencrypt/live/myserver.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/myserver.com/privkey.pem;
    add_header Strict-Transport-Security "max-age=31536000; includeSubDomains";
    proxy_set_header Host $host;
    proxy_set_header X-Forwarded-Proto $scheme;
    location ^~ /api/ {
    proxy_pass http://formio.local:3001/;
    add_header Access-Control-Allow-Origin *;
    }
    root /usr/share/myserver/dist;
    index index.html index.htm;
    }
    Seems to work fine
    Cheers to all

    Aditya Pathak
    @adityapathak026
    Hi all,
    Can anyone help me out to understand that how to integrate form.io with Reactjs.
    I have been through the available documentation but did not get the clarity from there.
    Thanks to all in advance.
    HCMF
    @HCMF
    image.png
    bhupathiraju chalapathi naga varma
    @chalapathi444
    hi all,
    can anyone tell me how should i prepopulate few values in the form while rendering
    in formio
    itsjasonc
    @itsjasonc
    Hello all, I was wondering if there was a means of validating a form schema? We currently embed a form builder into our website and we store the form schema in the database. When a user is updating that form, they're sending the entire form schema to the database. I've made a change so that it only sends the differences between the form before saving and when the form is saved. It appears to work, but was wondering if there was something I could add to my back end to validate that the form schema is valid. Thanks.
    Sahil-Sayyed
    @Sahil-Sayyed
    I am not able to view CKEDITOR content/data which is populated with the data from backend API, only the panel gets shown with the layout but data is not shown.
    DenchickDev
    @DenchickDev
    изображение.png
    Hello all, I use the formio-grid component. I noticed one bug: when you click on the column name, the table is sorted, then the other columns stop sorting. I looked at the source code of formio-grid on github. In the sort Column method of the FormioGridComponent class, the sort field assigns an empty value for columns other than the current one:
    col.sort = ";
    Although the 'switch' uses the undefined value. This means that this switch will never work for the other columns.
    Is this a bug or did I get something wrong?
    Dimitris
    @Mimisss

    Hello all, I use the formio-grid component. I noticed one bug: when you click on the column name, the table is sorted, then the other columns stop sorting. I looked at the source code of formio-grid on github. In the sort Column method of the FormioGridComponent class, the sort field assigns an empty value for columns other than the current one:
    col.sort = ";
    Although the 'switch' uses the undefined value. This means that this switch will never work for the other columns.
    Is this a bug or did I get something wrong?

    Sorting is broken in the online demo, too: https://formio.github.io/angular-demo/#/data

    Dimitris
    @Mimisss

    Hello all, I use the formio-grid component. I noticed one bug: when you click on the column name, the table is sorted, then the other columns stop sorting. I looked at the source code of formio-grid on github. In the sort Column method of the FormioGridComponent class, the sort field assigns an empty value for columns other than the current one:
    col.sort = ";
    Although the 'switch' uses the undefined value. This means that this switch will never work for the other columns.
    Is this a bug or did I get something wrong?

    You can fix the bug by overriding the sortColumn function of the FormioGridComponent prototype:
    FormioGridComponent.prototype.sortColumn = function(header: any) {
    // Reset all other column sorts.
    this.header.headers.forEach(col => {
    if (col.key !== header.key) {
    col.sort = undefined;
    }
    });

    switch (header.sort) {
    case 'asc':
    header.sort = 'desc';
    this.query.sort = '-' + header.key;
    break;
    case 'desc':
    header.sort = undefined;
    delete this.query.sort;
    break;
    case undefined:
    header.sort = 'asc';
    this.query.sort = header.key;
    break;
    }
    this.refreshGrid();
    }

    jadmsaadaot
    @jadmsaadaot

    Hello friends.

    Asking a question about feasibility:

    I am attempting to create a custom component in Form.io. The custom component is as shown in the shared wireframe.

    • A list of checkboxes with icons and labels assigned to them
    • The checkboxes list should be dynamically pulled from an API and populated with the icons
    • A text box area below the checkbox list.
    • Above the text area the selections are redisplayed as small tags above the text area
    • A user can select boxes and describe their reasoning about the selections in the text area

    My initial concerns are:
    can this be practically done in Form.io?
    How hard would this be for a Form.io expert?
    How hard would this be for someone with beginner knowledge in Form.io and customizing its components?

    wireframe belongs to https://github.com/marieanik
    Sahil-Sayyed
    @Sahil-Sayyed
    @jadmsaadaot, you can create such kind of custom component, i am not sure about react and others but in angular you can try out.
    jadmsaadaot
    @jadmsaadaot
    Hey @Sahil-Sayyed , I'd very much appreciate your further input on this if we could do a brief video call anytime that is convenient for you
    jadmsaadaot
    @jadmsaadaot
    I noticed that ListComponent has been added and URL dataSrc was added for Radio , Select boxes. Is this published in npm yet here https://www.npmjs.com/package/formiojs. I still don't see them when I install version 4.14.9
    Aryan
    @aryanisml
    Is there any way to use react material UI with react form builder
    Aryan
    @aryanisml
    It would be great if I get any solution for this - create the custom component using react functional component
    Gerboa
    @Gerboa
    Is there a way to set a default value for a text or date/time field using JSONLogic when JS is disabled by CSP?
    Don Amit
    @DonAmit197
    Hi friends. I am working with formio js on a project. My requirements are mostly covered with its options and methods, but struggling with the saveDraft events form.on("saveDraft",function(submission){
    console.log(submission);
    })
    Actually it is not working for me. Any thoughts or help is highly appreciated
    Thanks in adfvance
    jadmsaadaot
    @jadmsaadaot

    Hello, I'm using @formio/react. I'm using the FormBuilder with the display set to wizard. Is there a way I could make these settings
    breadcrumbSettings: { clickable: false },
    buttonSettings: { showCancel: false, showPrevious: false },

    default for all pages?

    I tried passing them in the options object, but nothing changed
    Alexander La Bianca
    @alabianca
    Hello, I am working on a project where we need to build a form builder. The builder is pretty basic (no drag and drop and only a handful of form components are supported at this stage). The UX mockups look nothing like the formio builder though. My question is, is there a way to create the json schema the builder generates without actually using the builder UI, but still use formio functions to do it? Or do I just have to understand the JSON schema and create it myself with my own code? Is there public documentation around the JSON schema somewhere?
    Travis Tidwell
    @travist
    @alabianca You can use this as a reference. https://github.com/formio/formio.js/wiki/Form-JSON-Schema. You can also get the default schema for each component by doing the following.
    import { Formio } from 'formiojs';
    const textFieldSchema = Formio.Components.components.textfield.schema();
    const textAreaSchema = Formio.Components.components.textarea.schema();
    Alexander La Bianca
    @alabianca
    Thanks @travist. This is helpful
    dheeksha
    @dheeksha:matrix.org
    [m]
    Need help on custom component creation using formio in Angular
    hholyguacamole
    @hholyguacamole

    so change it to "mongo":"mongodb://localhost:27017/formioapp2" for example and restart the formio API server

    hi, i had the same issue as the incorrect login credentials although my username and pw are definitely correct. I used this method to change to formioapp2 and it works on formioapp2 now. But I still wonder what was the issue that caused me to be logged out of formioapp in the first place??\

    Rishubh Jain
    @rishubhjain
    Hi, In Formbuilder I want the default label position to be left aligned, is that possible
    is it possible to set default option in react?

    Hello, I'm using @formio/react. I'm using the FormBuilder with the display set to wizard. Is there a way I could make these settings
    breadcrumbSettings: { clickable: false },
    buttonSettings: { showCancel: false, showPrevious: false },

    default for all pages?

    I am trying to find something very similar to this

    did you find an answer to this?
    @jadmsaadaot
    Karthik Ananthakrishnan
    @karthyk16

    Hello form.io experts!! Good day. We are evaluating to integrate form.io into our SaaS offering for some of the form screens. We are facing some blockers with respect to below. Would be great if someone has faced and found a way out.

    We have a datagrid component and want to selectively apply a custom CSS or disable some of the data cells selectively. Like some of the value cells we want the ability to disable user for input.

    Other one is we need to load a drop down values from a POST API instead of GET which is default.

    Paul Bors
    @paulbors

    Assuming you're talking about the bootstrap one, code is here:
    https://github.com/formio/bootstrap3/blob/master/src/templates/bootstrap3/datagrid/form.ejs

    Don't forget, the power of Form.IO comes from implementing your own custom components. The OOTB ones fit pretty well the basic use-cases but chances are you'll eventually have to implement something more interesting for your own platform / app:
    https://help.form.io/developers/custom-components

    @rishubhjain, is the label position not enough?
    https://help.form.io/userguide/forms/form-components#label
    Karthik Ananthakrishnan
    @karthyk16
    @paulbors : Thank you. Will check out the link shared and explore creating custom components. Appreciate your quick response. Cheers.