Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Nov 30 08:11
    MBagherii opened #1236
  • 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
Allen Liu
@Allenci
Andrei
@stg-andrei
So I am reading the docs, it seems for something like the screenshot above I need to create a matrix and in order to do that I need to use the control plugin.
Any news on a matrix being added anytime soon? or should I just try and create one?
steve peak
@sp3ak
Hey all, I am trying to run formBuilder in a non-node environment and having trouble with browserify. The builder works fine for me but render is not working. Has anyone ported this or is there a port of render? Or... does anyone have experience running formBuilder outside of node?
node.js.developers.kh
@nodejsdeveloperskh
Hi. Why there is no image tag in form builder?
dyuk1987
@dyuk1987
Hi guys. I'm wondering if anyone got a "page break" solution for the formBuilder? i.e. I could add in breaks to change the form into a multi-step form.
Andrei
@stg-andrei
I have been playing for a few days with this lib and sadly I havent seen any "page break" or matrix like table with radiobxes .. it would be great to have both of these since they are so widely used.. I will soon start and implement them, I am curious though why @kevinchappell didnt want to add them
Rajdev2011
@Rajdev2011
how we can unset the formbuilder instance ?
Andrei
@stg-andrei
Does this plugin sanitise the input? I cannot find anyhting in the docks regarding it
Andrei
@stg-andrei
When I save a form and if in one of the inputs I add a <script>console.log("test")</script> It brakes my json and. I cannot render the form anymore
VarunAtluri
@VarunAtl
Hi, can we use this in react modern pages?
RuanHenry
@RuanHenry
Hello, I tried to add an image field but I don't seem to find a solution. Can someone help me or give me a sample code ? Thanks
Allen Liu
@Allenci
@stg-andrei You have to do it by yourself like json_encode or addslash the input (for PHP) , something like that.
Amy518
@Amy518
Hi, does FormBuilder include any ability to hide/require certain fields based on the answers of other questions? Thanks.
umerfarooqdotnet
@umerfarooqdotnet
hi
how are you
can you please help me how i can divide the full work area into 2 section
Andrei
@stg-andrei
@Amy518 I think you are talking about conditional fields inside the form, I dont think you can do that, you can try formeo though

@Allenci the problem is that when I render the form, if inside one of those fields I have

<script>console.log("test")</script>

When I render the same form with the values inside the input type I get an error, saying that its not a json string anymore.

Andrei
@stg-andrei
This is an example
image.png
once I save the form like that and then render it as such
                <script>
                    jQuery(function() {

                        var jsonString = '@php echo $form->form_data @endphp'

                        var formData = jsonString,
                            formRenderOpts = {
                                dataType: 'json',
                                formData: formData
                            };

                        var renderedForm = $('<div>');
                        renderedForm.formRender(formRenderOpts);

                        console.log(renderedForm.html());
                        $('.tagMe').html(renderedForm.html())
                    });
                </script>
the render breaks
Andrei
@stg-andrei
This is the form stored in the database
[
  {
    "name": "text-1623756316356",
    "type": "text",
    "label": "Text Field",
    "value": "<script>console.log(\"ready\");</script>",
    "access": false,
    "subtype": "text",
    "required": false,
    "className": "form-control",
    "maxlength": 255
  },
  {
    "name": "checkbox-group-1623757563010",
    "type": "checkbox-group",
    "label": "Checkbox Group",
    "other": true,
    "access": false,
    "inline": false,
    "toggle": false,
    "values": [
      {
        "label": "Option 1",
        "value": "option-1",
        "selected": true
      },
      {
        "label": "Option 2",
        "value": "option-2",
        "selected": false
      }
    ],
    "required": false
  },
  {
    "name": "radio-group-1623757585474",
    "type": "radio-group",
    "label": "Radio Group",
    "other": true,
    "access": false,
    "inline": false,
    "values": [
      {
        "label": "Option 1",
        "value": "option-1",
        "selected": false
      },
      {
        "label": "Option 2",
        "value": "option-2",
        "selected": false
      },
      {
        "label": "Option 3",
        "value": "option-3",
        "selected": false
      }
    ],
    "required": false
  }
]
Allen Liu
@Allenci
@stg-andrei Can you try addslashes() then json_encode() when store ; json_decode() when render
// in PHP
$store_to_db = json_encode(addslashes($form->form_data));

// in your JS
 var jsonString = '@php echo json_decode($store_to_db) @endphp'
nasrulhakim96
@nasrulhakim96
hi, may i know.. how to renderform with userdata, cause checkbox-group is not detected
example:-
{
type: "checkbox-group",
label: "Checkbox Group",
className: "checkbox-group",
name: "checkbox-group-1478704652409",
values: [
{
label: "Option 1",
value: "option-1",
selected: true
},
{
label: "Option 2",
value: "option-2"
},
{
label: "Option 3",
value: "option-3",
selected: true
}
],
"userData": [
"option-3"
]
},
Andrei
@stg-andrei
@Allenci I already store the string as a json when I save it
or wait I think I am actually making a mistake
Andrei
@stg-andrei
@Allenci thanks, your example pointed me the correct way
brianseipp
@bseipp
Hello! I am trying to render saved forms for editing later
And am getting an error saying that the addField function doesn't exist, despite it showing up in a console log
    var fbEditor = document.getElementById('fb-editor');        
    var formBuilder = $(fbEditor).formBuilder()
    console.log(formBuilder);

    $.each(originalFormData, function( index, field ) {
        formBuilder.actions.addField(field, index);
    })
Is this a race condition?
brianseipp
@bseipp
Figured out the better way to load data. Please disregard.
jayden626
@jayden626
@Amy518 Try out formbuilder_depends from rendezz https://github.com/rendezz/formbuilder_depends
It's not perfect and doesn't work for ALL fields (making a Header optional will break it), but it's a start.
Hasnni
@Hasnni
hello Guys.
getting this error what should i do now . I am using jquery formbuilder version 3.6.1.. assets/lang/en-US.lang:1 Failed to load resource: the server responded with a status of 404 ()...
jeremiah sherrill
@jeremiahsherrill

https://formbuilder.online/docs/formBuilder/demos/angular/ page is broken, getting ModuleNotFoundError
Could not find module in path: '../jquery/dist/jquery.min.js' relative to '/package.json'

just making whoever needs to be aware

Marc Allen Mojica
@mrclln
Hi ,Can someone help me. Please , Im having issue with multiple form render, i have an array passing to my blade, i.e. i have 3 results from the controller, i rendered those 3 results via loop. it displayed smoothly.. but when i use 'userData' to get the values from forms, it only returns the value of the third rendered-form. even if i set my fetch like this..... $('#firstrenderedform').formRender('userData'); it will always return the ('#thirdrenderedform') value
1 reply
Rahin Makrani
@rahumakrani
Can someone help me? please
Can someone help me? I'd like to hide/remove Options from AutoComplete, please advise how to achieve this?
MuhammadRafiqKhan
@MuhammadRafiqKhan
hi there
can someone help me i want to use this library/plugin but i want to give style to the drag and drop portion
i want to use this in HTML,CSS,BOOTSTRAP
RAGHV143
@RAGHV143
Hi can someone help me,my requirement is that i want to console json by creating by form builder because i want to store this data in nosql data base
how is it possible
Vaibhav Jain
@VJ1994_gitlab
Hi, can someone help me, my requirement is that i want to make predefined field & also disable the properties/attributes of the field except placeholder.
Johann Hernández Armenteros
@johha86
Hi, is in some place any doc of how to add bootstrap style
gharri
@gharri
Hi, How can I add the dependencies just by javascript tags, instead of installing node js? Maybe I need to edit the source code, so the minimized js file is not helpful for me. Thank you.
Andrei
@stg-andrei
Hey guys, I cloned the project from github in order to make my own custom plugin (a table matrix, I built it with html and jquery and I am trying to import it in formBuilder)
Basically as a starter I duplicated the starRating.js custom plugin from src/js/control_plugins, I renamed it and did
npm start build:all and npm start, but I dont get it its not showing up when my local dev server is launched in my browser..and I missing something?
taag me pls if anyone can help with the confusion