Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 11 07:53
    ribhu0405 opened #1230
  • Oct 07 12:37
    Mauerbluemchen commented #1172
  • Oct 05 18:35
    dependabot[bot] labeled #1229
  • Oct 05 18:35

    dependabot[bot] on npm_and_yarn

    chore(deps): bump url-parse fro… (compare)

  • Oct 05 18:35
    dependabot[bot] opened #1229
  • Oct 05 12:26
    PSchmitz90 edited #1228
  • Oct 05 12:26
    PSchmitz90 opened #1228
  • Sep 30 18:10
    forerser opened #1227
  • Sep 29 11:23
    MBagherii opened #1226
  • Sep 27 19:13
    suleymantasci opened #1225
  • Sep 22 21:09
    iftkharhussain commented #1148
  • Sep 22 20:53
    iftkharhussain commented #962
  • Sep 21 07:24
    Harshad333 closed #1224
  • Sep 21 07:24
    Harshad333 opened #1224
  • Sep 16 14:32
    jamiejones85 opened #1223
  • Sep 16 13:08
    jamiejones85 commented #956
  • Sep 02 06:41
    filtenorio commented #1161
  • Sep 01 01:10
    haisol opened #1222
  • Aug 28 00:00
    jayden626 commented #1220
  • Aug 26 11:02
    lucasnetau commented #1216
afrizal muchrom
@afrizalmuchrom:matrix.org
[m]
hi all, iam new member
i just use formBuilder in my laravel, and work, but i want to create dropdown for field/control like this, please help me.. thanks before :) *sory my bad english
gaurav-techies
@gaurav-techies
can formbuilder give output in html css or hbs
Vaibhavi Sojitra
@vaibhavisojitra25
Hello
can anyone help to fix issue about File Uploading ?
I have a web portal in laravel framework. there is a form builder where i can create form. In that form if am putting multiple File upload fields and uploading files with same extension , it saving only one image .. But if am uploading different extensions like abc.jpg and xyz.png. its working fine.
Suganya209
@Suganya209

Hello
Can anyone help me to fix this?

I have created the checkbox with the labels, 'Blue', 'Green', 'Red'. And the following is the checkbox data,

{
"type": "checkbox-group",
"required": true,
"label": "Colors",
"name": "checkbox-group-1626754981357",
"values": [
{
"label": "Blue",
"value": "Blue"
},
{
"label": "Green"
},
{
"label": "Red"
}
]
}

I select the green color from the checkbox. And I'm getting the following user data.

{
"type": "checkbox-group",
"required": true,
"label": "Colors",
"name": "checkbox-group-1626754981357",
"values": [
{
"label": "Blue",
"value": "Blue"
},
{
"label": "Green"
},
{
"label": "Red"
}
],
"userData": [
"on"
]
}

In the userData array, it is returned as ['on']. The green color checkbox is not selected. To avoid this issue, value has to be provided for all the labels. But in the form builder, the values are optional. How do I enforce it in the form builder to give values for all the labels? Kindly help me to fix this issue.

Rogério Carrasqueira
@rgcarrasqueira

Hello Guys! Nice to meet you!

I would like to know if someone knows how to create a custom control that avoid field repetition in the form. For example I've created a custom control that brings a email field to the form but I don't want to allow the user to drop the field twice in the form. Is that possible?

Thanks so much for the help!

Rogério Carrasqueira
@rgcarrasqueira
Hello Guys! Is it possible to make checkbox-group not editable?
ketanbacancy
@ketanbacancy
Hello All,
How can i add events on attribute of control ?
Like i need to make name attribute dynamic. Means i want same name attribute as lable
elliehachemjob
@elliehachemjob
hello can you help me?
crazykenvn
@crazykenvn
Hello, can some one help me to create my custom select control? i want to create my own select load data from database
Robert Kemp
@RobertWKemp_twitter
Hello, does anyone know of a way to add a subtype of div to the paragraph element?
Shakil Hasan (hasan)
@shakilhasan
formRender setData not Work ?? @kevinchappell @wangzhongfei1 @afrizalmuchrom:matrix.org
image.png
jayden626
@jayden626
try this
const formRender = $('.render-wrap').formRender({
        formData: formData
});
Kevin Hakman
@khakman_twitter
How can I set a property on a form control that will tell formRender to not render that form control. For example, under condition "A" I need to enable a form field to be required. Under condition "B" that same form field can optional -- BUT I also do not want to display it. Conceptually it's not applicable under condition B at all. However, since the user might switch conditions from B back to A... removing the control from the model of the form would be be easily feasible. What property needs to be set on a form control to tell formRender to render it hidden or render it disabled, or omit rendering it even though it's in the form model.?
Kevin Hakman
@khakman_twitter
above, I means removing the form control form the model would lead to problems if it needed to be added back. Simply hiding or disabling (or both) for the optional control would be a better solution. But how can this be done?
jayden626
@jayden626
@khakman_twitter try the depends_on plugin here https://github.com/rendezz/formbuilder_depends
There's still some issues with it, but should get you going. Note this issue rendezz/formbuilder_depends#5
Kevin Hakman
@khakman_twitter
Thanks!
JasonVonKrueger
@JasonVonKrueger
Has anyone been successful at creating a section with two columns? Using a custom field and template almost gets me there. But I haven't figured out how to get the drag/drop events to work. The ondrop and ondragover attributes in the code below is just something I was trying.
    var fields = [{
        label: 'Two Columns',
        attrs: {
            type: 'twoCol'
        },
        icon: '❙❙'
    }];

    var templates = {
        twoCol: function(fieldData) {
            return {
                field: '<div class="two-column-container"><div ondrop="drop(event)" ondragover="allowDrop(event)"></div><div ondrop="drop(event)" ondragover="allowDrop(event)"></div></div>',
                onRender: function() {
                    //                     $(document.getElementById(fieldData.name)).rateYo({
                    //                         rating: 3.6
                    //                     });
                }
            };
        }
    };
gunner11012253
@gunner11012253
I am using form render.
Can someone help me how can I display 2 or more columns
BriskBrain
@BriskBrain2_twitter
When submit my form at that time i want to store data as json format
whe submit my form at that time i want to trigger onSave method Please suggest me. Thank you. Manish Bhuva
ashwinikaddekatc
@ashwinikaddekatc
when i run project i get error TypeError: Cannot set properties of undefined (setting 'actions')
Radhe saini
@radhesaini
sir how can add validation in forms
EffBureau
@EffBureau
Hey, is it possible to implement my own components instead of the base ones?
Does this plug in work well in angular?
Jamie Jones
@jamiejones85_twitter
I'm looking to extend the functionality of the radio button control so that the options list can have an additional data field captured on the builder, e.g. I want the builder of the form to be able to input a value along with the text & value to use in business logic if the user has selected that option. Are there any examples of similar?
12 replies
aishwaryak27
@aishwaryak27
Hey, I have a question. How can we add any new input filed details in edit section of any control.. I want it to be editable . Also for git package , when I include form-builder.js I am getting following error: SyntaxError: Cannot use import statement outside a module
Jamie Jones
@jamiejones85_twitter
Any one got any examples of getting the file uploader control working? Can't find how to initiate the actual upload
nikunjw3nuts
@nikunjw3nuts

Hello All,

How to create own custom field ?
Like below screenshot

image.png
And without subtype
tsaurav
@tsaurav
Hi All
I'm creating a web application using ASP.NET MVC CORE C#, in which I want to use form-buider.min.js
But I'm getting some console errors
Failed to load resource: the server responded with a status of 404 ()
assets/lang/en-US.lang:1
It was working fine when I created a html template with it to demonstrate the project
there is a type error to -
Uncaught (in promise) TypeError: q.sortable is not a function
tsaurav
@tsaurav
Can someone help me????
akash10161016
@akash10161016
hi
akash10161016
@akash10161016
@jamiejones85_twitter @kevinchappell Need help from you
How to design the database for these forms in mysql. FYI user will create the form as a template and multiple users will use this template as a form. After rendering the form how to submit and save it to database , what are the tables and fields for the rendered form. Because each form have different fields I am unable to understand how to do it. Please help to resolve this issue I will be highly thankful to you....
jayden626
@jayden626
@akash10161016 you can just save the form JSON data to a database field. This will allow you to save and load the form as needed. If you want to do anything specific with the form data you will need to implement that yourself
MBagherii
@MBagherii
hello , can somone help me?
akash10161016
@akash10161016
@jayden626 i wll save the json, but how to create database fields because every form template having different fields . user can use that form as a template and then will render it.
MBagherii
@MBagherii
I want to change language of jquery form builder, So I use
var fb = $(document.getElementById('fb-editor')).formBuilder();
var lang = 'fa-IR';
fb.actions.setLang(lang);
but it does not work because of error => fb.actions.setLang is not a function
How can I solve this problem?
Jamie Jones
@jamiejones85_twitter
defaultAttrs:{
          'templatefile': {'label': 'Template File', 'value' : '', 'type': 'file'}
        }
I'm working on a custom upload control, where there's a config option to upload a template file for the form filler to download and complete. What's the best method for attaching an onchange event handler to this file input (templatefile)?
Screenshot 2021-09-29 at 3.55.46 pm.png
SpeeroTech
@Enxto2000_twitter
Hello
I need to add a new attribute field to textarea control. Say “FieldWidth attributes” where admin can set the width of the textarea when designing the form. I’m using jquery formBuilder. I’m very new to this tool. Any help will be very much appreciated