Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 18 23:43
    Jojoshua synchronize #1243
  • Jan 18 23:01
    Jojoshua synchronize #1243
  • Jan 18 22:59
    Jojoshua synchronize #1243
  • Jan 18 06:56
    oneplugin commented #1238
  • Jan 18 01:57
    Jojoshua synchronize #1243
  • Jan 18 01:52
    Jojoshua synchronize #1243
  • Jan 18 00:56
    Jojoshua synchronize #1243
  • Jan 17 23:38
    kevinchappell commented #1243
  • Jan 17 23:34
    kevinchappell commented #1238
  • Jan 17 22:28
    Jojoshua synchronize #1243
  • Jan 17 22:25
    Jojoshua synchronize #1243
  • Jan 17 20:14
    Jojoshua edited #1243
  • Jan 17 20:14
    Jojoshua synchronize #1243
  • Jan 17 19:26
    Jojoshua synchronize #1243
  • Jan 17 19:22
    Jojoshua synchronize #1243
  • Jan 17 08:41
    MaelStorm176 opened #1244
  • Jan 17 02:09
    Jojoshua synchronize #1243
  • Jan 17 02:01
    Jojoshua synchronize #1243
  • Jan 17 02:01
    Jojoshua edited #1243
  • Jan 16 05:26
    Jojoshua synchronize #1243
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
And am getting an error saying that the addField function doesn't exist, despite it showing up in a console log