Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

kevinchappell/formBuilder

A jQuery plugin for drag and drop form creation

People

Repo info

Activity

Jun 23 03:13

Jojoshua synchronize #1284
Jun 23 03:01

Jojoshua synchronize #1284
Jun 23 01:58

Jojoshua synchronize #1284
Jun 23 01:39

kevinchappell on wrapper-plugin

refactor: fix typo (compare)
Jun 23 01:39

kevinchappell on wrapper-plugin

merge master -- keep js folder … Move build to ESNext, drop babe… lint:fix and 48 more (compare)
Jun 18 07:46

ZaheerAbbasAghani commented #1310
Jun 18 07:45

ZaheerAbbasAghani commented #1310
Jun 17 13:48

bhavik45 opened #1313
Jun 16 16:40

Vungyr opened #1312
Jun 10 00:43

dependabot[bot] on npm_and_yarn

chore(deps-dev): bump semantic-… (compare)
Jun 10 00:43

dependabot[bot] labeled #1311
Jun 10 00:43

dependabot[bot] opened #1311
Jun 09 10:15

tomcodes opened #1310
Jun 06 06:17

silicahd commented #1309
Jun 06 06:17

silicahd closed #1309
Jun 06 06:06

silicahd edited #1309
Jun 06 06:06

silicahd edited #1309
Jun 06 06:06

silicahd opened #1309
Jun 03 13:31

ZaheerAbbasAghani edited #1308
Jun 03 13:30

ZaheerAbbasAghani opened #1308

bhawana1994

@bhawana1994

Hello,Can someone help me

bhawana1994

@bhawana1994

When i write down the label in "" then there is issue with form rendering. Form not render completely.

Chris Almond

@calmond01

Hi Jack. Sorry for late reply. Nice slider control! Thank you.

Hi Wbhawana1994. There is definitely an issue with the Label input element on the form designer. I found this issue just yesterday while building a form. I was copying and pasting text from MS word into the Label and Value fields. Seems only the Label field has this issue as it's not an HTML input type=text, but a div. Not sure why they did this. I'm going to look into seeing if we can swap out the div for a standard input type=text as I think this would fix it.

Chris Almond

@calmond01

So just to follow up on @bhawana1994 's issue here...when you paste the double quotes into the Label attribute field and save it. On the designer it saves fine until you try to render. The pasted double quotes munge up the formBuilder JSON and it can't render correctly.

So, for some reason, when we replace the input DIV with a standard input type=text, pasting double quotes no longer causes an issue and the double quotes are escaped correctly by formBuilder.

Minimal testing has been done here on this code so use at your own risk...

These edits are in the form-builder.js at appx line 900...

if (attribute === 'label' && !opts.disableHTMLLabels) {
//inputConfig.contenteditable = true // replace label div with input by CA
//attributefield += m('div', attrVal, inputConfig).outerHTML
inputConfig.value = attrVal
inputConfig.type = 'text'
attributefield += <input ${attrString(inputConfig)}>
} else {
inputConfig.value = attrVal
inputConfig.type = 'text'
attributefield += <input ${attrString(inputConfig)}>
}

tarunmalviya

@tarunmalviya

Can we make form which is conditional
Like we want to open the new input which is dependent on other when first one which click or filled then another field will show like that.

dipoletechi

@dipoletechi_twitter

hello

dipoletechi

@dipoletechi_twitter

there is any option for adding time filed in the form

Chris Almond

@calmond01

I think there is just a Date field by default. But I bet you could make a custom field using the HTML5 input type=time pretty easily. If I wind up making one, I'll post it.

MohammadArsalan786

@MohammadArsalan786

i have concern related to the formbuilder . how to create custom edit control in custom element

Cristian Rodriguez

@Pitus660

Hi :) I'm trying change language for date time picker.. but i not found any option.
Anybody can help me?.
Thanks

is related with the formrender result not when using formbuilder

bhawana1994

@bhawana1994

Hi, I have an issue with the drag and drop with mobile devices, mac devices. Its working fine on my computer but i am facing the issue with the other devices. Drag and drop not working.

How i can fix this problem. Is there any solution for this problem?

greg-conely

@greg-conely

Hi all. Not sure if this has been addressed, but I am looking to create a column control or something where I can let users put in 2 or 3 columns on one line in the form editor.

arsawood

@arsawood

arsawood

@arsawood

is it free to use . how can i use this

Chris Almond

@calmond01

Multicolumn support per Mr. @jojoshua
kevinchappell/formBuilder#1243

Hey @arsawood , yes free per MIT license. The docs will help you get started:
https://formbuilder.online/docs/

Lincoln Kantet

@linco6054

Hello i would like to preview the form after being created with react any leady would be of great assistance. Json to jsx and also to pdf

tasawar6616

@tasawar6616

https://formbuilder.online/docs/formBuilder/actions/removeField/

remove field not working

1net

@1netme

Label problem: can't input and change the label

Prabjot Kaur

@Prabjot616

Hi, cannot change the labels, please help

Neeraj Singh

@Neeraj1005

Hi, The lable edit or clear button is not working.

Naveen

@Naveen8582_twitter

Hello

This is Naveen. I want a control like multi select. Is there any control available by default or we have write custom control.If yes any documentation for create custom control for multi select from the options

thasniiqbal5390

@thasniiqbal5390

Hi the docs link is not working

arsawood

@arsawood

hello
how can i drag and drop two components side by side in a row. can anyone tell any method we have in form builder

Lincoln Kantet

@linco6054

how do i get data of dragged elements in react ?

hello

turn2media

@turn2media

Are there any plans to support CSP? right now we like the software very much, but we are currently hindered by the use of styles in the source code.

partha-p-roy

@partha-p-roy

Dragged and drop a Button in the canvas. How to attach click event?

SarcasticKoo

@SarcasticKoo_twitter

Hi I am struggling with implementing tinymce for one of the text-area. the text area is not converting to tinymce. please let me know the steps to implement the same

Guy Dallaire

@clepeterd

Is there a way to preload a very long list of options in the autocomplete object ? From a jsnon file or something...

giorgio rindonone

@GiorgioRindonone

Can you please show me how to implement a custom table generator? I will pay you!
Contact me here on g.rindonone@contech.xyz, we can discuss everything you need of course.
Thanks.

manish-ironman

@manish-ironman

Hi guys how to create sub field through select option . If selected other option then create new sub field . Please guys help me.

nawazzzz

@nawazzzz

hello Guys, is there any way I can customise any element? like checkbox

I want to add some more option to checkbox

1 reply

chaymadridi

@chaymadridi

hello, can i add a new form element?

devsushanttiwari

@devsushanttiwari

Hello, i want to add file upload for image and video and create new field too. how can i do? above image will show you. here i am adding url in value attr then it is showing image but i want to upload image not url

zay1wcy

@zay1wcy

where can i download the file form-builder.min.js. The Github repo here does not seem to have this file https://github.com/kevinchappell/formBuilder

Kinjal Upadhyay

@kinjalupadhyay.tps_gitlab

Can any one help me to Add Currency control in form builder in drag drop , also need to add Yes / No Questions controll in this builder.

MAYUR PATEL

@mayurInfinium

Hello friends, Please help me, Multi-Page Forms not working when i update details,

Chat via Matrix