formio/formio

The combined Form and API platform for Angular and React. https://form.io

Marcus

@marcus-at-localhost

I always go here to check things out: https://formio.github.io/formio.js/app/builder

Johnathan

@Arcanorum

nvm

can you verify that it works with select box?

it does nothing for me

select boxes*

Marcus

@marcus-at-localhost

I don't see checkboxes/radio boxes having multiple values. Dropdown <select> do have them though

Johnathan

@Arcanorum

ticking the box does nothing

well, when ticked it does cause an error when the form is opened in the renderer

Marcus

@marcus-at-localhost

something isn't right there, too many fields!

Johnathan

@Arcanorum

What version of formio are you using?

Marcus

@marcus-at-localhost

This is using the latest: https://formio.github.io/formio.js/app/builder (for my own project, I use a stripped down version, where I don't see the majority of the fields)

Johnathan

@Arcanorum

Yeah it seemed like a bug, I was on an older version. Just updated and now it is fine.

Matt Kenney

@themattkenney

@marcus-at-localhost what stripped-down version do you use? We turn off some of the features too

Marcus

@marcus-at-localhost

@themattkenney I just meant, that I tuned off (ignore:true) 80% of the features in the builder (regarding my config I linked before)

for validation, just show Required etc.

Alan Collins

@alancs_gitlab

formio-sql debugging.

I'm trying to replicate submissions to an MSSQL table using an additional action with SQL Connector on the form. Without the action, the submission works fine. When I add the action, neither the submission is added to the form.io table, nor is the data inserted into MSSQL. No errors or warnings are displayed.

The action log shows:

SQL Connector (Premium) after create complete
Save Submission before create complete

I have enabled debugging on the formio-sql service using DEBUG=resquel,formio-sql,express* node app.js
The console output shows startup debugging logs but once it serves the port, no further logs appear. I even telnet localhost <port> and enter garbage just to see whether some error will show up. Nothing.

Suggestions greatly appreciated on hints with identifying the problem. I'm happy to supply screenshots of config, etc., if required.

Thanks,
Alan.

@alancs_gitlab Note, the DEBUG includes an asterix after resquel and formio-sql. The markup used them to italicise formio.sql.

Alan Collins

@alancs_gitlab

@alancs_gitlab Ignore. It's not a formio-sql problem. Using a http get showed all working fine. The problem seems to be that form.io is not connecting to the sql connector. I will create a new thread for this.

Alan Collins

@alancs_gitlab

SQL Connector causing Save Submission action to fail.

I'm using hosted form.io with SQL Connector running on a cloud-based VM.

The SQL Connector is configured correctly and I've added an "After" handler on a form. New submissions are successfully inserted into MSSQL. However, new submissions are not getting into MongoDB and the process ends with a 'Not Found'. If I remove the SQL Connector action, the Save Submission works. Inspecting the form.io page shows the following:

Any ideas on what I'm doing wrong?

Thanks,
Alan.

formio-askesis

@formio-askesis

Can someone help me to how to get all the sql connector routes from project on form.io

Alan Collins

@alancs_gitlab

Can someone help me to how to get all the sql connector routes from project on form.io

Not sure I understand your question, but here goes:

If you start SQL Connector with logging enabled (DEBUG=resquel*,formio-sql*,express* node app.js you should see something like:

Serving the SQL Connector on port 4000

[POST] /customers
[GET] /customers/:id
[GET] /customers
[PUT] /customers/:id
[DELETE] /customers/:id

Alan.

iamamitnegi

@iamamitnegi

Hello There,

I hope you all are doing well

I am looking for help

to integrate form.io's form builder module into my vue application

Anyone has experience on same

Marcus

@marcus-at-localhost

what do you want to know?

iamamitnegi

@iamamitnegi

any working example of form builder witn vuejs

Marcus

@marcus-at-localhost

Have you checked out https://github.com/formio/vue-formio ?

iamamitnegi

@iamamitnegi

it's in progress

timnis

@timnis

Hi, we use keycloak to authenticate users to other services, so which is easiest way to authenticate form.io users with keycloak (community edition)? Can I use keycloak gatekeeper (headers)?

Travis Tidwell

@travist

@timnis you could always use the method of creating custom JWT tokens. https://help.form.io/integrations/sso/

timnis

@timnis

@travist Thanks, need to check that.

Douglas

@lane711

Howdy All, anyone have any experience using the new Data -> Tree control from the 4x Core Renderer (https://next.form.io)? I can't seem to get it to work and can'd find any docs at all.

Dhruv Arya

@dhruv_arya_twitter

Hi, can someone provide some insight into this formio/react-formio#282

Brandon S

@H3_Brandon_twitter

Hi everyone I'm having some issues with formio. I have 4 different forms in formio when I make a post to two of them it properly returns a 201 with the response as noted in the docs (https://documenter.getpostman.com/view/684631/formio-api/2Jvuks?version=latest#fe0e1c46-ec0b-9141-fa11-db6e165fdcbd)

However, when I post to the other 2 forms it only gives me a 200 ok and then doesn't return needed fields like _id instead it returns...

{ data:
    { name: 'name',
      phoneNumber: '(555) 555-5555',
    }
}

any ideas why it would do this?

Travis Tidwell

@travist

@H3_Brandon_twitter this usually means you have removed the “Save Submission” action from those forms. You will only get back a 201 if the object was created and saved to the database, which does not happen when that Action is removed from the form.

Brandon S

@H3_Brandon_twitter

@travist that was it, I had them in my database but they didn't export for the automated setup version (but the others did for some reason), thanks!

ferpintado

@ferpintado

any working example for Custom Component rendering https://github.com/formio/formio.js/wiki/Custom-Components-API using React / TS?

monkeysmart

@monkeysmart

Hi, everyone!
I'm using formio drag-and-drop form builder interface. When I call method form.checkValidity(data, true) it showes
form validation errors. But if I change values in the form error messeges don't disappear and when I call method form.checkValidity(data, true) again it doubles error messeges.

Is it bug or I do something wrong?

Will Gay

@wag110894

@monkeysmart Could you provide what version you are seeing this issue on? Could you also provide a jsfiddle of the issue?

Marcus

@marcus-at-localhost

Is there a FormUtil to access/set/update a component by key and change label Text or something?

The scenario is: I have a checkbox in a column and I want to perform some "magic" on('change')

Show a confirm dialog: if false, uncheck the box, else send an ajax request
if Ajax request is successful, disable the checkbox and change the label

I achived it this way:

const templateMeta = {
    "label": "Columns",
    "columns": [
    {
        "components": [
        {
            "label": "Disable Template",
            "key": "readyToGo",
            "type": "checkbox",
            "input": true,
            "defaultValue": false,
        }
        ],
    },
    {
        // more components in second Column
    }
    ]
}

const initTemplateMeta = function()
{
    templateMetaForm.instance.on('change',function(schema)
    {
        if(!arr.get(schema, 'changed')){
            return;
        }

        if(arr.get(schema, 'changed.component.key') === 'readyToGo'){

            if(!confirm("Continue?")){
                // if cancel, uncheck checkbox
                templateMetaForm.instance.submission = {data: {readyToGo: false}};
                return;
            }

            // can I set a single form component easier?
            templateMeta.columns[0].components[0].disabled = true;
            templateMeta.columns[0].components[0].label = "Template disabled";
            templateMetaForm.instance.form = {components: [templateMeta]};

            return;
        }
    })
}

const templateMetaForm = new Formio.Form(document.getElementById('templateMeta'), {components:[templateMeta]});
templateMetaForm.instance.ready.then(initTemplateMeta);

I wonder if I can replace this:

            templateMeta.columns[0].components[0].disabled = true;
            templateMeta.columns[0].components[0].label = "Template disabled";
            templateMetaForm.instance.form = {components: [templateMeta]};

with something like

templateMetaForm.instance.setComponent('readyToGo', {'label': "Template disabled", 'disabled': true });

So I don't need to know any component index?!

timnis

@timnis

is it possible to search from every data field from submissions? Like sql full text search?

Where communities thrive

People

Repo info

Activity

formio-sql debugging.

SQL Connector causing Save Submission action to fail.