Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Aug 17 22:24
    robv8r opened #1324
  • Aug 13 05:10
    johnpg82 commented #1323
  • Aug 13 05:09
    johnpg82 commented #1323
  • Aug 13 03:38
    johnpg82 opened #1323
  • Aug 12 17:02
    nguyenngocanh94 edited #1322
  • Aug 12 17:02
    nguyenngocanh94 edited #1322
  • Aug 12 17:01
    nguyenngocanh94 opened #1322
  • Aug 04 09:51
    filips-dev opened #1321
  • Jul 27 21:38
    RASCAL-FG opened #1320
  • Jul 27 21:20
    RASCAL-FG edited #1318
  • Jul 20 19:25

    dependabot[bot] on npm_and_yarn

    chore(deps): bump terser from 4… (compare)

  • Jul 20 19:25
    dependabot[bot] labeled #1319
  • Jul 20 19:25
    dependabot[bot] opened #1319
  • Jul 20 18:35
    Goddard commented #1315
  • Jul 20 08:55
    RASCAL-FG opened #1318
  • Jul 12 08:28
    tostis005 opened #1317
  • Jul 11 15:09
    BenMoses commented #910
  • Jul 07 01:58
    kevinchappell commented #1315
  • Jul 07 01:16
    Jojoshua commented #1315
  • Jul 07 01:12
    Jojoshua commented #1314
Chris Almond
Minimal testing has been done here on this code so use at your own risk...

These edits are in the form-builder.js at appx line 900...

if (attribute === 'label' && !opts.disableHTMLLabels) {
//inputConfig.contenteditable = true // replace label div with input by CA
//attributefield += m('div', attrVal, inputConfig).outerHTML
inputConfig.value = attrVal
inputConfig.type = 'text'
attributefield += <input ${attrString(inputConfig)}>
} else {
inputConfig.value = attrVal
inputConfig.type = 'text'
attributefield += <input ${attrString(inputConfig)}>

Can we make form which is conditional
Like we want to open the new input which is dependent on other when first one which click or filled then another field will show like that.
there is any option for adding time filed in the form
Chris Almond
I think there is just a Date field by default. But I bet you could make a custom field using the HTML5 input type=time pretty easily. If I wind up making one, I'll post it.
i have concern related to the formbuilder . how to create custom edit control in custom element
Cristian Rodriguez
Hi :) I'm trying change language for date time picker.. but i not found any option.
Anybody can help me?.
is related with the formrender result not when using formbuilder
Hi, I have an issue with the drag and drop with mobile devices, mac devices. Its working fine on my computer but i am facing the issue with the other devices. Drag and drop not working.
How i can fix this problem. Is there any solution for this problem?
Hi all. Not sure if this has been addressed, but I am looking to create a column control or something where I can let users put in 2 or 3 columns on one line in the form editor.
is it free to use . how can i use this
Chris Almond
Multicolumn support per Mr. @jojoshua
Hey @arsawood , yes free per MIT license. The docs will help you get started:
Lincoln Kantet
Hello i would like to preview the form after being created with react any leady would be of great assistance. Json to jsx and also to pdf
remove field not working
Label problem: can't input and change the label
Prabjot Kaur
Hi, cannot change the labels, please help
Neeraj Singh
Hi, The lable edit or clear button is not working.
This is Naveen. I want a control like multi select. Is there any control available by default or we have write custom control.If yes any documentation for create custom control for multi select from the options
Hi the docs link is not working
how can i drag and drop two components side by side in a row. can anyone tell any method we have in form builder
Lincoln Kantet
how do i get data of dragged elements in react ?
Are there any plans to support CSP? right now we like the software very much, but we are currently hindered by the use of styles in the source code.
Dragged and drop a Button in the canvas. How to attach click event?
Hi I am struggling with implementing tinymce for one of the text-area. the text area is not converting to tinymce. please let me know the steps to implement the same
Guy Dallaire
Is there a way to preload a very long list of options in the autocomplete object ? From a jsnon file or something...
giorgio rindonone
Can you please show me how to implement a custom table generator? I will pay you!
Contact me here on g.rindonone@contech.xyz, we can discuss everything you need of course.
Hi guys how to create sub field through select option . If selected other option then create new sub field . Please guys help me.
hello Guys, is there any way I can customise any element? like checkbox
I want to add some more option to checkbox
1 reply
hello, can i add a new form element?
Hello, i want to add file upload for image and video and create new field too. how can i do? above image will show you. here i am adding url in value attr then it is showing image but i want to upload image not url
where can i download the file form-builder.min.js. The Github repo here does not seem to have this file https://github.com/kevinchappell/formBuilder
Kinjal Upadhyay
Can any one help me to Add Currency control in form builder in drag drop , also need to add Yes / No Questions controll in this builder.
Hello friends, Please help me, Multi-Page Forms not working when i update details,

var fbInstances = [];

var fields = [{
label: "DateTime",
type: "text",
subtype: "datetime-local",
icon: "⏰" //html emoji

for (var i = 0; i < data.length; i++){
var options = {
onSave: function (evt, formData) {
console.log("formbuilder saved");
$(".render-wrap").formRender({ formData : formData });
showActionButtons: false,
controlPosition: 'left',
fields: fields,
subtypes: {
text: ['datetime-local']
disabledAttrs: ["access"],
disableFields: ["autocomplete","button","file","hidden","starRating"],
dataType: 'json',
formData: data[i].Json,
const tabCount = document.getElementById("Edit-tabs").children.length;
const tabId = "page-" + tabCount.toString();
const $newTabTemplate = document.getElementById("Edit-add-page-tab");
const $newTab = $newTabTemplate.cloneNode(true);
const $tabLink = $newTab.querySelector("a");
$tabLink.setAttribute("href", "#" + tabId);
$tabLink.innerText = "Section " + tabCount;
$newTabTemplate.parentElement.insertBefore($newTab, $newTabTemplate);
const $newPageTemplate = document.getElementById("Edit-new-page");
const $newPage = $newPageTemplate.cloneNode(true);
$newPage.setAttribute("id", tabId);
$newPageTemplate.parentElement.insertBefore($newPage, $newPageTemplate);
Edit_fbPages.tabs("option", "active", tabCount - 1);

Please help me where is my mistake
As well as new control DateTime is not working in Multi-tab
Hello, I need to implement an empty container in the list of components. this container consists of drag&drop elements, for example a text field, date field.
it is equivalent to a table;
can any of you please help me?
how to display input controls side by side?