Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Nov 28 15:33
    haisol opened #1235
  • Nov 26 20:25
    mrsaifullah52 commented #559
  • Nov 25 06:58
    oneplugin commented #379
  • Nov 25 04:05
    billystalnaker commented #379
  • Nov 23 09:37
    sheeraz100 commented #1196
  • Nov 23 08:30
    oneplugin commented #379
  • Nov 23 03:50
    billystalnaker commented #379
  • Nov 22 19:49
    fgroupindonesia opened #1234
  • Nov 19 13:10
    blockbaster commented #931
  • Nov 17 20:49
    blockbaster commented #1089
  • Nov 16 22:34
    billystalnaker commented #379
  • Nov 16 22:19
    billystalnaker commented #379
  • Nov 15 14:36
    oneplugin commented #379
  • Nov 15 14:36
    oneplugin commented #379
  • Nov 14 19:17
    oneplugin commented #379
  • Nov 14 19:11
    billystalnaker commented #379
  • Nov 14 18:34
    oneplugin commented #379
  • Nov 14 18:31
    billystalnaker commented #379
  • Nov 14 07:47
    oneplugin commented #379
  • Nov 13 23:57
    happymachines commented #1131
Has anyone been successful at creating a section with two columns? Using a custom field and template almost gets me there. But I haven't figured out how to get the drag/drop events to work. The ondrop and ondragover attributes in the code below is just something I was trying.
    var fields = [{
        label: 'Two Columns',
        attrs: {
            type: 'twoCol'
        icon: '❙❙'

    var templates = {
        twoCol: function(fieldData) {
            return {
                field: '<div class="two-column-container"><div ondrop="drop(event)" ondragover="allowDrop(event)"></div><div ondrop="drop(event)" ondragover="allowDrop(event)"></div></div>',
                onRender: function() {
                    //                     $(document.getElementById(fieldData.name)).rateYo({
                    //                         rating: 3.6
                    //                     });
I am using form render.
Can someone help me how can I display 2 or more columns
When submit my form at that time i want to store data as json format
whe submit my form at that time i want to trigger onSave method Please suggest me. Thank you. Manish Bhuva
when i run project i get error TypeError: Cannot set properties of undefined (setting 'actions')
Radhe saini
sir how can add validation in forms
Hey, is it possible to implement my own components instead of the base ones?
Does this plug in work well in angular?
Jamie Jones
I'm looking to extend the functionality of the radio button control so that the options list can have an additional data field captured on the builder, e.g. I want the builder of the form to be able to input a value along with the text & value to use in business logic if the user has selected that option. Are there any examples of similar?
12 replies
Hey, I have a question. How can we add any new input filed details in edit section of any control.. I want it to be editable . Also for git package , when I include form-builder.js I am getting following error: SyntaxError: Cannot use import statement outside a module
Jamie Jones
Any one got any examples of getting the file uploader control working? Can't find how to initiate the actual upload

Hello All,

How to create own custom field ?
Like below screenshot

And without subtype
Hi All
I'm creating a web application using ASP.NET MVC CORE C#, in which I want to use form-buider.min.js
But I'm getting some console errors
Failed to load resource: the server responded with a status of 404 ()
It was working fine when I created a html template with it to demonstrate the project
there is a type error to -
Uncaught (in promise) TypeError: q.sortable is not a function
Can someone help me????
@jamiejones85_twitter @kevinchappell Need help from you
How to design the database for these forms in mysql. FYI user will create the form as a template and multiple users will use this template as a form. After rendering the form how to submit and save it to database , what are the tables and fields for the rendered form. Because each form have different fields I am unable to understand how to do it. Please help to resolve this issue I will be highly thankful to you....
@akash10161016 you can just save the form JSON data to a database field. This will allow you to save and load the form as needed. If you want to do anything specific with the form data you will need to implement that yourself
hello , can somone help me?
@jayden626 i wll save the json, but how to create database fields because every form template having different fields . user can use that form as a template and then will render it.
1 reply
I want to change language of jquery form builder, So I use
var fb = $(document.getElementById('fb-editor')).formBuilder();
var lang = 'fa-IR';
but it does not work because of error => fb.actions.setLang is not a function
How can I solve this problem?
Jamie Jones
          'templatefile': {'label': 'Template File', 'value' : '', 'type': 'file'}
I'm working on a custom upload control, where there's a config option to upload a template file for the form filler to download and complete. What's the best method for attaching an onchange event handler to this file input (templatefile)?
Screenshot 2021-09-29 at 3.55.46 pm.png
I need to add a new attribute field to textarea control. Say “FieldWidth attributes” where admin can set the width of the textarea when designing the form. I’m using jquery formBuilder. I’m very new to this tool. Any help will be very much appreciated
Emily Sanchez
Hi, How do I add a "Submit" button after form is ready to be submitted by the user. I dont see a way to add it??
Also, how do I add a Signature field?
Emily Sanchez
I am not a developer, if anyone here is interested to get hired to fix my form with this plugin then let me know, Also, the back-end is designed using Laravel and I need a few issues fixed there as well.
I render 3 forms in 1 view, when I get user data only get the user data of laster rendered form
can any body help me ?
Deekshith M R
how to move the toolbox which is on the right side to the left?
controlPosition: 'left',
Hello, I've been trying to add a new control called Recaptcha, I don't seem to understand how the ES6 or ES5 works. Can any please help me out???
@emilysanchez4u_twitter I'm a Laravel developer, contact me on https://www.freelancer.com/u/livenow267
Deekshith M R

how to give a name to the whole form? i need a output like
"form-name" : {
"number": 111,
"text": "hello",

but when i console, my output will be just:
"number": 111,
"text": "hello",

ichiro uozu

Do you know how can I get an event on some operations on formRender?

For example, A user edit a text field, I want to get that event by JS.
Can I react that event on formRedner?

Hi, is the onRemoveField function available when the field like onAddField and onCloseFieldEdit is removed from the form?
I want to run an ajax function when the field is removed.
I'm looking for something that can at least callback the id field when the X button is clicked i.e. the field is removed.
@abhilashlegend I need a function like onRemoveEdit.did you solve it?
Piyumika Madhubhashini
Hi,is there any way to disable option-value attribute in radio-group.I only need option-lable
Piyumika Madhubhashini
or change the default text in option-value fields