Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 03 23:57
    lucasnetau commented #1320
  • Sep 30 17:28
    robv8r commented #1324
  • Sep 30 01:10
    lucasnetau opened #1330
  • Sep 28 10:51
    lucasnetau opened #1329
  • Sep 28 09:15
    jorgeuos commented #1300
  • Sep 28 04:27
    lucasnetau commented #1328
  • Sep 28 03:12

    github-actions[bot] on gh-pages

    Deploying to gh-pages from @ ke… (compare)

  • Sep 28 03:11

    kevinchappell on master

    Don't include the unused node.j… (compare)

  • Sep 28 03:11
    kevinchappell closed #1300
  • Sep 28 03:11
    kevinchappell closed #1328
  • Sep 28 02:06
    lucasnetau opened #1328
  • Sep 28 02:01
    lucasnetau commented #1300
  • Sep 28 01:56
    lucasnetau commented #1300
  • Sep 28 01:53
    lucasnetau commented #1300
  • Sep 27 11:14
    Dhurba123a edited #1327
  • Sep 27 11:12
    Dhurba123a opened #1327
  • Sep 24 07:08
    bdkoder commented #684
  • Sep 24 07:05
    bdkoder commented #1149
  • Sep 23 15:46
    MisterDuval commented #171
  • Sep 23 08:52
    MisterDuval commented #962
Zaheer Abbas Aghani
@ZaheerAbbas66_twitter
Is there a way I can detect sort events? For example, show an alert when sorting is active or done?
Is anyone here?
Dharmandar Kumar
@dipoletechi
Hi
rajaidesign
@rajaidesign
how to add custom fields in form render
rajaidesign
@rajaidesign
Hi , how to use form render on custom fields ? Can you give example on that ?
tomcodes
@tomcodes
Hello again, question on the drag'n'drop of fields.
It is working flawlessly on a computer. However on touch devices (iPhone, iPad) it does not work, instead the click is "taken" by the scroll.
I have no problems on the demo here https://formbuilder.online/
But when I grab the basic exemple available and put it in a .html file, it does not work: https://formbuilder.online/docs/getting-started/
Am I missing something?
rajaidesign
@rajaidesign
How to create multi column
Zaheer Abbas Aghani
@ZaheerAbbas66_twitter
@tomcodes for example I am dragging field A from Position 1 to position 4 how can I get position 1 and position 4 numbers?
Ajith
@ajithv11
Is this available as free?
gitmhe43
@gitmhe43
On the docs/getting-started page, the link to GitHub doesn't work. Not a problem as the pieces can probably be obtained elsewhere. But I'm wondering if formbuilder.online is an active and maintained website?
Zaheer Abbas Aghani
@ZaheerAbbas66_twitter
@gitmhe43 correct. I am also not getting any answer of my questions
avielpalgi
@avielpalgi
removeField not work
Gitpream
@Gitpream
Hello, I am new here , great form btw. I want to know that we can design builder custom layout ?
avielpalgi
@avielpalgi
it's possible to limit the user to edit always only one field? if he tried to open edit another field it's will close the prev field... it's possible????
avielpalgi
@avielpalgi
@kevinchappell there is option to close all previous fields when click on edit field like in editOnAdd?
Amitguptas
@Amitguptas
hi
avielpalgi
@avielpalgi
@kevinchappell bug in onAddField, give me wrong id. the first id that gives me end with fld-0 and the real first id end with fld-1
Amitguptas
@Amitguptas
hi sir how to render multiple/tabbed of formbuilder and edit than save?
render multiple/tabbed of formbuilder and edit than save?
????
Marin Nikolli
@sibalonat
Amitguptas it's not that hard, I've done that in January, the examples may not work in all cases, but they point in the right direction. How I've done it, is that I save each step form data, into a temp const allData = fbInstances.map((fb) => {
return fb.actions.getData('json');
}); then you save what it returns at the end.
1 reply
Amitguptas
@Amitguptas
@sibalonat sir i am using formbuilder multiple/tabbed form data first time create of a form working fine than click edit form open page all json data is looking fine but i want to some changes than check console.log always old json data
Amitguptas
@Amitguptas

Query(($) => {
var $fbPages = $(document.getElementById("form-builder-pages"));
var addPageTab = document.getElementById("add-page-tab");
var fbInstances = [];
$fbPages.tabs({
beforeActivate: function(event, ui) {
if (ui.newPanel.selector === "#new-page") {
return false;
}
}
});
const result = <?php echo $questiondata->json_question; ?>;
let length = result.length;
var stepLen = length;
const res = result;
for (let i = 1; i <= stepLen; i++) {
let tabId = "step-" + i;
let $newPageTemplate = $(document.getElementById("new-page"));
let $newPage = $newPageTemplate.clone().attr("id", tabId).addClass("fb-editor");
let $newTab = $('#add-page-tab').clone().removeAttr("id");
let $tabLink = $("a", $newTab).attr("href", "#" + tabId).text("Step " + i);
$newPage.insertBefore($newPageTemplate);
$newTab.insertBefore('#add-page-tab');
$fbPages.tabs("refresh");
$fbPages.tabs("option", "active", 0);
let $newInstance = $newPage.formBuilder();
$newInstance.promise.then(function(fb) {
let formadata = res[i - 1];
fbInstances.push(formadata);
fb.actions.setData(formadata);
});
}
addPageTab.addEventListener(
"click",
(click) => {
const tabCount = document.getElementById("tabs").children.length;
const tabId = "page-" + tabCount.toString();
const $newPageTemplate = document.getElementById("new-page");
const $newTabTemplate = document.getElementById("add-page-tab");
const $newPage = $newPageTemplate.cloneNode(true);
$newPage.setAttribute("id", tabId);
$newPage.classList.add("fb-editor");
const $newTab = $newTabTemplate.cloneNode(true);
$newTab.removeAttribute("id");
const $tabLink = $newTab.querySelector("a");
$tabLink.setAttribute("href", "#" + tabId);
$tabLink.innerText = "Page " + tabCount;

$newPageTemplate.parentElement.insertBefore($newPage, $newPageTemplate);
$newTabTemplate.parentElement.insertBefore($newTab, $newTabTemplate);
$fbPages.tabs("refresh");
$fbPages.tabs("option", "active", tabCount - 1);
fbInstances.push($($newPage).formBuilder());

},
false
);
$(document.getElementById("save-all")).click(function() {

const allData = fbInstances.map((fb) => {
return fb.actions.getData();
});
var jsondata = JSON.stringify(allData);
//$('#jsondata').val(jsondata);
console.log(jsondata);
});
});

Always getting old json form data, I need to modify something in the old json, it is not working, please tell me if you have some idea
Marin Nikolli
@sibalonat
oh, i remember this part
1 reply
you have set fbinstances, outside the event
    addPageTab.addEventListener(
        "click",
        (click) => {
            click.preventDefault();
            const tabCount = document.getElementById("tabs").children.length;
            const tabId = "page-" + tabCount.toString();
            const $newPageTemplate = document.getElementById("new-page");
            const $newTabTemplate = document.getElementById("add-page-tab");
            const $newPage = $newPageTemplate.cloneNode(true);
            $newPage.setAttribute("id", tabId);
            $newPage.classList.add("fb-editor");

            const $newTab = $newTabTemplate.cloneNode(true);

            $newTab.removeAttribute("id");
            const $tabLink = $newTab.querySelector("a");
            $tabLink.setAttribute("href", "#" + tabId);
            $tabLink.innerText = "Page " + tabCount;

            $newPageTemplate.parentElement.insertBefore($newPage, $newPageTemplate);
            $newTabTemplate.parentElement.insertBefore($newTab, $newTabTemplate);
            $fbPages.tabs("refresh");
            $fbPages.tabs("option", "active", tabCount - 1);

            fbInstances.push($($newPage).formBuilder(fbOptions));
        }, false);


    fbInstances.push(fbEditor.formBuilder(fbOptions));
in this you should be fine. it kind of weird to be honest, but it works
Amitguptas
@Amitguptas
find error jQuery.Deferred exception: fbEditor is not defined ReferenceError: fbEditor is not defined
Gitpream
@Gitpream
how do I bundle it with webpack ,, I made some changes
Amitguptas
@Amitguptas
form builder is not useful so i suction you change requirement.
rajaidesign
@rajaidesign
How to add table attributes
rajaidesign
@rajaidesign
Invalid control type. (Type: hr, Subtype: undefined). Please ensure you have registered it, and imported it correctly
filip-remic
@filip-remic

i have same issue as tomcodes from jun 09 :

Hello again, question on the drag'n'drop of fields.
It is working flawlessly on a computer. However on touch devices (iPhone, iPad) it does not work, instead the click is "taken" by the scroll.

I have no problems on the demo here https://formbuilder.online/
But when I grab the basic exemple available and put it in a .html file, it does not work: https://formbuilder.online/docs/getting-started/
Am I missing something?

1 reply
Amitguptas
@Amitguptas
checkbox Dependency ?
kevin-theorymesh
@kevin-theorymesh
hey guys, have you created a table input plugin?
1 reply
Grazyen96
@Grazyen96
Hi guys, is there a way to change the action buttons location? for example on top of the controls, thanks <3
Amitguptas
@Amitguptas
hi need of formbuilder checkbox dependency help
Amitguptas
@Amitguptas
screenshot.png
i have need multiple step form with checkbox dependency.
?
JavaLove810
@JavaLove810
Hi everyone,is there way to add conditonal and custom validation in form builders
conditoal is like if we want show and hide one field based on other filed options
avielpalgi
@avielpalgi
Hi everyone. I want to set that every time i press on edit field. all the other fields closed. How can i do that? if i will i set closeAllField in the onOpenFieldEdit is closed the current field too
Quebix Test
@Quebix_test_twitter
@Amitguptas Hi
How many more pages can be added in multi tab?
11 replies
sakthi-13
@sakthi-13
hi everyone, i need how to store the file because i am getting the error.
file upload XHR returned response code 405 error. anybody know that issue pls help me.