dobtco / formbuilder Goto Github PK
View Code? Open in Web Editor NEW[Needs Maintainer] Formbuilder is a small graphical interface for letting users build their own webforms.
Home Page: http://dobtco.github.io/formbuilder/
License: MIT License
[Needs Maintainer] Formbuilder is a small graphical interface for letting users build their own webforms.
Home Page: http://dobtco.github.io/formbuilder/
License: MIT License
The form builder needs a table element.
Wondering if anyone has modified / extended this gem to support multip-columns in the same row? Any thoughts on how complex would that be?
Thanks
To select menus or radio buttons. No errors in console.
Needs multi-page support.
I plan to build a standalone form builder application on formbuilder, and would like to contribute back to core and not make a fork. What are you thoughts around the follow additional features:
I have a bunch more but just want to get your thoughts.
I was wondering if there is a way to set default input value when creating a form?
There should be form option like form title, option to add css and javascript so that one can identify particular form and user can customize design of the form
Is there no way with this tool to rebuild the form for actual use?
I couldn't find anything in the docs/other issues.
It seems like there should be an option to display the form for use (i.e. to collect data) and an option of where to post it. I understand we have to handle all that, but we shouldn't have to manually rebuild the form when it should be trivial to do in the JavaScript since it has to build it to display it while editing anyway (I see the Ruby tool, but that's not helpful for us). Just do that, but allow you to enter values and remove the sidebar and edit UI.
Maybe you can do this and I've missed it, but it should be more obvious on the main page if you can.
We're looking at using this and I was curious about the lack of a submit button option. When enabling users to build their own forms, it seems as if it would make sense for them to be able to build their own submit button, align it left/right/center, and change the text and color.
Is there a reason this isn't in there? (I'm happy to pull request it should we use this project, but was wondering what the design decision/thought behind this was.)
Thanks!
-Erica
During the execution of 'bundle install' I came across the error
fatal: remote error:
Repository not found.
Git error: command git clone 'git://github.com/adamjacobbecker/client_side_validations.git' "/home/swillis16/.rvm/gems/ruby-2.0.0-p353@procure-io-community/cache/bundler/git/client_side_validations-1187a622c9e045f4543925f236f53dd5ae19d343" --bare --no-hardlinks
in directory /home/swillis16/Documents/procure-io has failed.
Was this Git repo owned by adamjacobbecker or was it a fork of another repo?
Hi, love your formbuilder, is really amazing. I would like to know where or how can i overrride the given templates for customization. A simple example would be great, greetings and congratulations on your great work.
Apologies in advance as I'm pretty sure it's me not used to grunt development, but I can't seem to get my head around how you have it all setup.
I've downloaded the repo, installed the npm and run the bower command.
Now if I run grunt watch
, I just get:
Running "watch" task
Waiting...%
I've tried running the other grunt commands, but I just can't seem to get my changes reflected in index.html. Am I supposed to change which JS file the index.html file points to?
Any guidance appreciated.
Is this ability doable?
I change direction of form builder and now i drag field from right panel to left panel. Drag & drop is Ok but my problem is [position of mouse pointer and position of box while] dragging. On start dragging, draggable box placed right of mouse pointer whereas I want item placed on left side of mouse pointer.
I found draging item is a div with "response-field-draggable-helper" class. Position of this div change with mouse move. On mouse move set Top and Left of this div and to solve my problem should set Top and Right but how? I try couple hours and unsuccessful !
can help me a guy?
Tnx
When form creators want to include instruction text, looks like the only option available to them at the moment is a section break with a small amount of text. How about allowing longer amounts of text, with paragraph breaks and rich formatting (well, at least bold and italics)? Maybe with Markdown formatting?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist
Would you be interested in adding this field to the core?
I will be more than happy to do a PR.
Hi, I have found a library to make the user be able to build form via drag and drop, this project is prefect, but have some problem to integrate to my app.
When I test on IE9, it works, ok, but for IE8, it not work, can you make it support IE8? As there are lots of users of our app is still using ie8.
And We are using bootstrap, hope this will work fine within bootstrap.
Good jobs and Thanks.
var formbuilder = new Formbuilder('#formbuilder');
Doens't seem to work (model error). Have to use:
var formbuilder = new Formbuilder({ selector: '#formbuilder' });
Hi, thank you for the plugin! How can I set a max number of fields for the form? When I create a form the max number of fields is x, so I would like to show an alert when x is reached an block the inserting option. Is it possible? Thanks
We at VersionEye are working hard to keep up the quality of the bower's registry.
We just finished our initial analysis of the quality of the Bower.io registry:
7530 - registered packages, 224 of them doesnt exists anymore;
We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).
Sadly, your library dobtco/formbuilder
is one of them.
Can you spare 15 minutes to help us to make Bower better?
Just add a new file bower.json
and change attributes.
{
"name": "dobtco/formbuilder",
"version": "1.0.0",
"main": "path/to/main.css",
"description": "please add it",
"license": "Eclipse",
"ignore": [
".jshintrc",
"**/*.txt"
],
"dependencies": {
"<dependency_name>": "<semantic_version>",
"<dependency_name>": "<Local_folder>",
"<dependency_name>": "<package>"
},
"devDependencies": {
"<test-framework-name>": "<version>"
}
}
Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.
NB! Please validate your bower.json with jsonlint before commiting your updates.
Thank you!
Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!
The Date field currently only supports
MM / DD / YYYY.
Another needed format would be:
DD.MM.YYYY (Europe)
Is there an option for disabling this? I only want it to save whenever the button is clicked.
I'd like to see a feature implemented where you can specify a form control is dependant on a certain drop down or radio button option. For example If I select an option for a drop down it shows me a new text field below it that was hidden.
I'm trying to implement this but I'm new to coffee script and am a bit confused on how I could populate an select box on the left side with a list of all the radio and select boxes the user has placed on the form with the options they have set.
Please add a License.
Are they there by design or a relic from the initial use case? coffeescript file 326
Ability to group fields. This would also allow you to copy a group.
First off, thanks for creating a cool project. I've generally had good luck with it and patched it where I could with pull requests. After spending some time with it, I think the following improvements would be really helpful:
npm
, bower
or component
).main
for amd/commonjs peeps.main.coffee
file. Views would be a great place to start.Is there a way to load an existing JSON form configuration? E.G., I save the built forms into my DB, then the user can edit it and it will load the form again.
Some examples of typical use-cases would be nice. I just added the first one to the Wiki, but there's obviously many more. In case you have some rough examples and limited time, I'm willing to add them to the Wiki.
if this turns out to be silly, at the very least we should expose less variables.
On a fresh build environment, Grunt doesn't write any JS to dist/
. grunt watch
also doesn't work - it returns the CLI to the user immediately, instead of continuing to watch the directories.
after playing around with the library i decided to customize the mappings to match my schema (and for better naming), but i dicovered that after i change FIELD_TYPE: 'field_type'
to anything else breaks functionality. More specifically when i drag & drop element it display just the button i dragged in the console there is an error
cannot call method view of undefined
on this line
((__t = ( Formbuilder.fields[rf.get(Formbuilder.options.mappings.FIELD_TYPE)].view({rf: rf}) )) == null ? '' : __t) +
and i don't get why would it break when it evaluates back to a string :(
Nothing happens when i tried to change paragraph's text area size.
Element gets right class, e.g. "rf-size-large" but there is no changes.
Hey, could you add some documentation on the format of the data output? Some examples would be handy too. The UI looks nice, the data format is my last remaining question. :-)
Hi,
I'm not sure how to start a discussion thats neither an improvement request or a bug, so just creating an "issue".
I have forked formbuilder to add a "live" mode where you can render the form such that it can be filled in by a user and submitted. I've been hacking at this for a couple of days and the changes will probably a bit rough around the edges. I would like any feedback on whether the changes are desirable and any opinion on the code if they are. https://github.com/adityagodbole/formbuilder
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.