Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 06:20
    Jojoshua synchronize #1243
  • 06:15
    Jojoshua synchronize #1243
  • 03:03
    Jojoshua synchronize #1243
  • 02:35
    Jojoshua closed #1247
  • Jan 28 07:53
    Jojoshua synchronize #1243
  • Jan 28 07:17
    Jojoshua synchronize #1243
  • Jan 28 00:21
    kevinchappell commented #859
  • Jan 28 00:13
    Jojoshua commented #859
  • Jan 28 00:13
    Jojoshua commented #859
  • Jan 27 22:46
    Jojoshua synchronize #1243
  • Jan 27 22:08
    Jojoshua synchronize #1243
  • Jan 27 17:53
    Jojoshua synchronize #1243
  • Jan 27 16:36

    kevinchappell on gh-pages

    Deploy to GitHub pages (compare)

  • Jan 27 16:35

    kevinchappell on master

    Tinymce js file broken Update … (compare)

  • Jan 27 16:35
    kevinchappell closed #1249
  • Jan 27 16:34
    kevinchappell labeled #1249
  • Jan 27 16:34
    kevinchappell commented #1249
  • Jan 27 06:40
    Jojoshua commented #1243
  • Jan 27 06:39
    Jojoshua commented #1243
  • Jan 27 06:36
    Jojoshua commented #1243
gopikap
@gopikap
Hi All, I am new to formbuilder and I am trying to use it in my react app. I was able to show the form builder. I am not able to figure out that when we use button, and choose its type as submit, is it in the value field we are giving where it shd go when we do submit?
Ivan Spadacenta
@Ciao121

Hi all,
I'm trying to add custom attributes for header field. I have no problem adding a position attirbute in this way:

var options = {
    typeUserAttrs: {
        header: {
            className: {
                label: 'Position',
                options: {
                    'text-left': 'Left',
                    'text-center': 'Center',
                    'text-right': 'Right',
                },                    
                style: 'border: 1px solid '
            }
        }
    }
};

But I need to add two custom attributes and I tried:

var options = {
    typeUserAttrs: {
        header: {
            className: {
                label: 'Position',
                options: {
                    'text-left': 'Left',
                    'text-center': 'Center',
                    'text-right': 'Right',
                },
                label: 'Color',
                options: {
                    'color-black': 'black',
                    'color-red': 'red',
                },                    
                style: 'border: 1px solid '
            }
        }
    }
};

But this adds only the second attribute (color). Tried many ways with non success. Can anybody help?

tanzeel917
@tanzeel917
Hi
I just want to use your form builder in a project. but i am stuck and Can you please help me out when I build a form after that How I can store this form to mysql for further actions
Hope you will help me out
Thanks
M. Özkan
@moziyoziy_twitter
Hello how it works laungune ?
ghettoboombox
@ghettoboombox
hi, is there an easy way to seperate the tool menu from the main stage area ?
divyanshu1992
@divyanshu1992
Hi Is there any way i can integrate Table drag and drop ?
cybertonic
@cybertonic
Hello, first thanks for the great forms library you coded. I am using it on smartphone and one of the problems I have is that "field-actions" icons are only visible if the user click a field (on mouse over in a PC). In other words most of the time smartphone users just see a blank space so they use to click by error one of these icons, generally the "delete" one. Is there a way to force these "field-actions" to be always visible? Thanks in advance!
Anonymish
@ashishmit14
Hi, I am using tinymce in Formbuilder for a textarea. Since tinymce version 5 is current one, I am facing issue in my project.
ANy solution would be a great help.
ArkangelGammar
@ArkangelGammar
Hi, is there any way to add a image? I want to add a customControl wich is only a imagen, i can't figure it out
Tatiana Garzón
@TatianaGarzon
Hi, I need to block the editing of the "name" attribute for the defaultfields because I use it as a key to update each field, does anyone know how I can do it? thanks
Mateusz Rolka
@Kryptos24_gitlab
Hello, I need create dynamic rows component for formbuilder. Anybody can help me?
node.js.developers.kh
@nodejsdeveloperskh
Hi. Why there is no image tag in form builder? how can i add that feature?
node.js.developers.kh
@nodejsdeveloperskh
@ArkangelGammar could you handle that? i have the same problem with it. do you have any plan to change their code base?
Andrei
@stg-andrei
image.png
Hello, is it possibile do build such a thing in formBuilder? ^
Minhazur Rahman
@thandercash
Hello, it possible to build a table and change the form design ?
AariWalker
@AariWalker
how do i insert the form into mysql database
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