Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 10:51
    lucasnetau opened #1329
  • 09:15
    jorgeuos commented #1300
  • 04:27
    lucasnetau commented #1328
  • 03:12

    github-actions[bot] on gh-pages

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

  • 03:11

    kevinchappell on master

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

  • 03:11
    kevinchappell closed #1300
  • 03:11
    kevinchappell closed #1328
  • 02:06
    lucasnetau opened #1328
  • 02:01
    lucasnetau commented #1300
  • 01:56
    lucasnetau commented #1300
  • 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
  • Sep 21 08:28
    MisterDuval commented #171
  • Sep 19 05:03
    S144S opened #1326
  • Sep 14 14:03
    jorgeuos commented #1136
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.
Quebix Test
@Quebix_test_twitter
@Amitguptas I can create up to 12 tabs then the form cannot be updated
Amitguptas
@Amitguptas
if i checked on check box than open dependency text filed open and save. i need.
aleksandrovich
@aleksandrovich715
How can i customize the query formbuilder?
i need to change all elements and their properties.
שלמה
@ShlomoCode
Hi!
cherrys26
@cherrys26
This message was deleted
1 reply
david stern
@davidstern:matrix.org
[m]
hi I can help you. Please ping me via this link "https://join.skype.com/invite/vNeE45Svtd9P"
david stern
@davidstern:matrix.org
[m]
:point_up: Edit: hi
Azer Engazzou
@azerengazzou
Hello guys
any one can help me ? I'm using FormBuilder and i need to save the form in my BD , I want to know how can i use the JSON result
DB*
cherrys26
@cherrys26
Hi, is there any way I can add a default attribute (ie. options, rows, toggle) to a control plugin I create?
Azer Engazzou
@azerengazzou
How can i call a function in the onsave ?
שלמה
@ShlomoCode

Hi, is there any way I can add a default attribute (ie. options, rows, toggle) to a control plugin I create?

Yes it is possible

You need to initialize the widget with the formData option in the options object