Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • May 20 21:46
    enegyluvagyok commented #367
  • May 19 12:19
    leeneshkPSS commented #1302
  • May 18 12:04
    Jojoshua commented #1302
  • May 18 05:22
    LGNaude commented #1302
  • May 17 16:16
    ZaheerAbbasAghani opened #1304
  • May 17 13:16
    mkgn opened #1303
  • May 17 12:53
    leeneshkPSS commented #1302
  • May 17 12:33
    leeneshkPSS commented #1302
  • May 17 12:33
    leeneshkPSS commented #1302
  • May 17 12:07
    Jojoshua commented #1302
  • May 17 11:24
    leeneshkPSS commented #1302
  • May 17 10:39
    leeneshkPSS commented #1302
  • May 17 10:08
    leeneshkPSS commented #1302
  • May 17 10:06
    leeneshkPSS opened #1302
  • May 04 16:21
    serges-axel-nombre edited #1301
  • May 04 16:09
    serges-axel-nombre opened #1301
  • May 02 17:31
    dainw commented #727
  • May 02 17:31
    dainw commented #727
  • May 01 07:06
    mkgn commented #1300
  • Apr 28 16:01
    kevinchappell commented #1300
Hello, can some one help me to create my custom select control? i want to create my own select load data from database
Robert Kemp
Hello, does anyone know of a way to add a subtype of div to the paragraph element?
Shakil Hasan (hasan)
formRender setData not Work ?? @kevinchappell @wangzhongfei1 @afrizalmuchrom:matrix.org
try this
const formRender = $('.render-wrap').formRender({
        formData: formData
Kevin Hakman
How can I set a property on a form control that will tell formRender to not render that form control. For example, under condition "A" I need to enable a form field to be required. Under condition "B" that same form field can optional -- BUT I also do not want to display it. Conceptually it's not applicable under condition B at all. However, since the user might switch conditions from B back to A... removing the control from the model of the form would be be easily feasible. What property needs to be set on a form control to tell formRender to render it hidden or render it disabled, or omit rendering it even though it's in the form model.?
Kevin Hakman
above, I means removing the form control form the model would lead to problems if it needed to be added back. Simply hiding or disabling (or both) for the optional control would be a better solution. But how can this be done?
@khakman_twitter try the depends_on plugin here https://github.com/rendezz/formbuilder_depends
There's still some issues with it, but should get you going. Note this issue rendezz/formbuilder_depends#5
Kevin Hakman
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