[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
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
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();
}
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.
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?
import { Formio } from 'formiojs';
const textFieldSchema = Formio.Components.components.textfield.schema();
const textAreaSchema = Formio.Components.components.textarea.schema();
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??\
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
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.
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