formio / formio-app-formbuilder

A user portal for creating and managing forms

This repository is now considered legacy and no longer supported. Please take a look at our recent repositories and help documentation at the following links.

• https://help.form.io
• https://github.com/formio/formio.js
• https://github.com/formio/formio
• https://github.com/formio/react
• https://github.com/formio/angular
• https://github.com/formio/vue

A form building application.

Overview

This Application is designed to demonstrate and provide a framework for a web app that does two things. First, it allows administrators to log in and create, update, and delete forms within the application. Second, it allows users to log in, view the list of forms, and fill out the forms. Administrators can also view all submissions from the users.

Installation

You can easily get this application running by typing the following in your command line.

npm install -g formio-cli
formio bootstrap formio/formio-app-formbuilder

Next you will need to create an Admin account by logging into your Form.io account and then creating a new Admin login under the Admin Resource.

formio-app-formbuilder's Issues

how to translate ng-formio-builder dependency

I am able to use angular-translate to translate formio-app-formbuilder, I am able to translate the static messages in this same project(module), but I am not sure how to translate ngFormBuilder which is a dependency module of this project, since all the components like button, textfield etc are comming from this module, so that I need these component to be translated into different language, do I need to configure ngFormBuilder same way as I did for formio-app-formbuilder ? I added 'pascalprecht.translate' to the index.module.js and also added '$translateProvider',
'$locationProvider' etc to index.config.js for the formio-app-formbuilder project, and also added an static translation file which contains the key/values for translation, do I need to do all this again for ngFormBuilder or just replace the "keys"(whatever need to be translated) with the translation expression ? because ngFormBuilder is an dependency, I don't know if the configuration I made to the main module will apply to it also.

Regards !

Hank123

gulp build dose not generate index.html and scripts

I tried to generate the dist again , here is my steps:
1.npm install
2.bower install
some message here after bower install, but I think this is not an error so that I didn't try to correct the "name" value
bower invalid-meta for:/home/ec2-user/zh/formio-app-formbuilder/bower.json
bower invalid-meta The "name" is recommended to be lowercase, can contain digits, dots, dashes

3.gulp build
here is the log:
[16:08:52] Using gulpfile /home/ec2-user/zh/formio-app-formbuilder/gulpfile.js
(node:27857) DeprecationWarning: process.EventEmitter is deprecated. Use require('events') instead.
[16:08:52] Starting 'scripts'...
[16:08:53] Starting 'styles'...
[16:08:53] Starting 'partials'...
[16:08:53] Starting 'fonts'...
[16:08:53] Starting 'ui-grid-fonts'...
[16:08:53] Starting 'other'...
[16:08:53] Starting 'views'...
[16:08:53] Starting 'config'...
[16:08:53] Finished 'partials' after 203 ms
[16:08:53] Finished 'config' after 352 ms
[16:08:53] all files 7.79 kB
[16:08:53] Finished 'scripts' after 940 ms
[16:08:53] Finished 'views' after 380 ms
[16:08:53] Finished 'other' after 382 ms
[16:08:53] Finished 'ui-grid-fonts' after 411 ms
[16:08:53] Finished 'fonts' after 488 ms
[16:08:55] Finished 'styles' after 2.05 s
[16:08:55] Starting 'inject'...
[16:08:55] gulp-inject 1 files into index.html.
[16:08:55] gulp-inject 7 files into index.html.
[16:08:55] Finished 'inject' after 109 ms
[16:08:55] Starting 'html'...
[16:08:55] gulp-inject Nothing to inject into index.html.
Killed

and then I check the dist folder. I don't see index.html and scripts folder.

Thanks

Hank

Authentication issue while trying to view forms

when I login to frombuilder using regular "User" resource created using self installed platform portal, there has no forms showing up initially, there is an error on chrome console :
GET http://myhost:3005/form?type=form&tags=common 401 (Unauthorized)

when I clicked the "Form builder" link . there is message on the chrome console saying:
Fetch API cannot load http://myhost:3005/. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://myhost:8080' is therefore not allowed access. The response had HTTP status code 401. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Sorry I updated this issues a few times, I was confused by the browser cached content so that I thought that I can some how view the forms but it was just cached when I login using Admin account, no forms available after login using "User" resource.

Hank123

Ｈｏｗ to login to the system by avoiding "invalid user"?

I executed the command "sudo formio bootstrap formio/formio-app-formbuilder", and the application runs successfully. Then I access "http://localhost:8081", the login form appear. When I input the "email" and "password", which is also the register infor in "form.io.", but it prompts "Invalid user".
So, could you pls give me some suggestions to resolve it?

Cannot set Custom Element JSON

I have the formio-app-formbuilder app pointed at a formio API server running all on my computer. I am trying to get the checkmatrix custom component example shown in the documentation (https://help.form.io/userguide/form-components/#custom) to work in my environment. Once I get it working I will modify it to suit my needs.

When I use the formbuilder to create the custom component, the custom element JSON is like this:
{ "type": "custom", "conditional": { "show": "", "when": null, "eq": "" }, "key": "component", "protected": false, "persistent": true }

Whenever I try to modify this object at all (like change the type from "custom" to "checkmatrix") the save does not persist. When I open the edit modal again the JSON object is how it was at the very beginning. Saving the form doesn't seem to help either.

How to I get the custom element JSON to save?

Add ability to view Forms JSON so it can be copied and Add ability to past JSON to generate a form from saved JSON

Often we are copying chunks of forms from other forms and want to easily copy and paste between forms or just quickly share JSON with others.

@travist

Users created are admin users

I want to create a few "User" resources after login to the formbuilder using an Admin resource, the users are created successfully, but when I got to my portal.form.io project, I find that I created "Admin" resources instead of normal "User" resource. I login to the formbuilder using the user created and I can see all the forms and users instead of forms only, I need to go to the the portal to create a "User" resource so that it can only view the forms.