# jQuery Form Builder

**URL:** <https://community.open-emr.org/t/jquery-form-builder/17146>\
**Category:** OpenEMR Development\
**Tags:** gsoc-project, feature, infrastructure\
**Created:** [September 12, 2021, 10:44am UTC](https://community.open-emr.org/t/jquery-form-builder/17146 "2021-09-12T10:44:55Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![juggernautsei](https://community.open-emr.org/user_avatar/community.open-emr.org/juggernautsei/32/10764_2.png) [@juggernautsei](https://community.open-emr.org/u/juggernautsei)\
**Post date:** [September 12, 2021, 10:44am UTC](https://community.open-emr.org/t/jquery-form-builder/17146/1 "2021-09-12T10:44:55Z")

</div>

I have been searching for a replacement for the current form builders that are in the system.  
The current LBF has a lot of technical debt surrounding it and so do a few other form builders that are in the system.

> **[jQuery formBuilder](https://formbuilder.online/docs/)**
>
> Drag and drop form building

This form builder is very easy to get started. But it is a long way from being production-ready. In OpenEMR. But I can see the potential of taking the place of the LBF.

There is also an angular version of this  
[https://formbuilder.online/docs/formBuilder/demos/angular/](https://formbuilder.online/docs/formBuilder/demos/angular/)

It works in all browsers, even IE 11.

I would like to get a team together to explore this feature build for the community. I think this would fit in very well with the modernization efforts.

Calling:  
@visolveemr  
@sunsetsystems  
@mdsupport  
@Jit_Chawla  
@adunsulag  
@growlingflea  
@JeffreyCL  
@robertovasquez

---

<div class="post-metadata">

**Author:** ![sunsetsystems](https://community.open-emr.org/user_avatar/community.open-emr.org/sunsetsystems/32/11906_2.png) [@sunsetsystems](https://community.open-emr.org/u/sunsetsystems)\
**Post date:** [September 13, 2021, 12:09am UTC](https://community.open-emr.org/t/jquery-form-builder/17146/2 "2021-09-13T00:09:27Z")

</div>

For what it’s worth I’m currently looking at Bootstrapping LBFs.

Isn’t jQuery being phased out of OpenEMR?

---

<div class="post-metadata">

**Author:** ![juggernautsei](https://community.open-emr.org/user_avatar/community.open-emr.org/juggernautsei/32/10764_2.png) [@juggernautsei](https://community.open-emr.org/u/juggernautsei)\
**Post date:** [September 13, 2021, 1:38am UTC](https://community.open-emr.org/t/jquery-form-builder/17146/3 "2021-09-13T01:38:13Z")

</div>

@sunsetsystems, I heard that jQuery was being phased out. However, it still exists. I was working in another part of the program that has jQuery and was instructed to leave it. There are places in the program where jQuery has not been replaced.

It is good to know that you are pursuing the bootstrap of the LBF.  
The drawback with LBF is the ability to make the form interface look nice.

The form builder also comes in NPM.

---

<div class="post-metadata">

**Author:** ![mdsupport](https://community.open-emr.org/user_avatar/community.open-emr.org/mdsupport/32/10763_2.png) [@mdsupport](https://community.open-emr.org/u/mdsupport)\
**Post date:** [September 14, 2021, 2:55am UTC](https://community.open-emr.org/t/jquery-form-builder/17146/4 "2021-09-14T02:55:56Z")

</div>

If anyone is interested, we came across a project that has been inactive but will be very useful for this project. We did spend some time to bring it to current standards but then other tasks got prioritized.

You could look at [mdsupport2](https://github.com/mdsupport/php-bootstrap-form/tree/mdsupport2) branch for the basic approach.

Since the root classes take care of highly verbose class attributes required by bootstrap, the code is developer friendly and self documenting. It will also permit extending the classes e.g. patient select box can become a class that extends base select class.

---

<div class="post-metadata">

**Author:** ![robertovasquez](https://community.open-emr.org/user_avatar/community.open-emr.org/robertovasquez/32/10867_2.png) [@robertovasquez](https://community.open-emr.org/u/robertovasquez)\
**Post date:** [September 16, 2021, 11:56pm UTC](https://community.open-emr.org/t/jquery-form-builder/17146/5 "2021-09-16T23:56:28Z")

</div>

Thanks Sherwin. This sounds like a great opportunity, but I have to pass. Thank you for considering me!

---

<div class="post-metadata">

**Author:** ![sjpadgett](https://community.open-emr.org/user_avatar/community.open-emr.org/sjpadgett/32/21623_2.png) [@sjpadgett](https://community.open-emr.org/u/sjpadgett)\
**Post date:** [September 17, 2021, 1:42am UTC](https://community.open-emr.org/t/jquery-form-builder/17146/6 "2021-09-17T01:42:47Z")

</div>

I’d be interested in picking this up once ONC is finished!

---

<div class="post-metadata">

**Author:** ![juggernautsei](https://community.open-emr.org/user_avatar/community.open-emr.org/juggernautsei/32/10764_2.png) [@juggernautsei](https://community.open-emr.org/u/juggernautsei)\
**Post date:** [October 4, 2021, 2:18am UTC](https://community.open-emr.org/t/jquery-form-builder/17146/7 "2021-10-04T02:18:24Z")

</div>

When I am done with the telehealth module. I will be ready to explore this some more.

---

<div class="post-metadata">

**Author:** ![robert.down](https://community.open-emr.org/user_avatar/community.open-emr.org/robert.down/32/15055_2.png) [@robert.down](https://community.open-emr.org/u/robert.down)\
**Post date:** [October 16, 2021, 11:15pm UTC](https://community.open-emr.org/t/jquery-form-builder/17146/8 "2021-10-16T23:15:03Z")

</div>

I was also under the assumption we were attempting to phase out jQuery as well. I’m staunchly opposed to adding any new jQuery to the project and think we should refactor the form building in place instead of going third-party for this particular feature.

---

<div class="post-metadata">

**Author:** ![juggernautsei](https://community.open-emr.org/user_avatar/community.open-emr.org/juggernautsei/32/10764_2.png) [@juggernautsei](https://community.open-emr.org/u/juggernautsei)\
**Post date:** [October 17, 2021, 3:35am UTC](https://community.open-emr.org/t/jquery-form-builder/17146/9 "2021-10-17T03:35:03Z")

</div>

Wow, Robert?!  
[![](https://c.tenor.com/04b1e_zxm0YAAAAM/kel-mitchell.gif) ](https://c.tenor.com/04b1e_zxm0YAAAAM/kel-mitchell.gif)

Yes, we are going away from jQuery. I just can’t delete this !@#$%^ post.

---

<div class="post-metadata">

**Author:** ![robert.down](https://community.open-emr.org/user_avatar/community.open-emr.org/robert.down/32/15055_2.png) [@robert.down](https://community.open-emr.org/u/robert.down)\
**Post date:** [October 18, 2021, 3:00pm UTC](https://community.open-emr.org/t/jquery-form-builder/17146/10 "2021-10-18T15:00:05Z")

</div>

[![](https://media.giphy.com/media/Y8ocCgwtdj29O/giphy.gif) ](https://media.giphy.com/media/Y8ocCgwtdj29O/giphy.gif)

I’m not sure why you can’t delete the topic - I can close it if you’d like.

---

<div class="post-metadata">

**Author:** ![juggernautsei](https://community.open-emr.org/user_avatar/community.open-emr.org/juggernautsei/32/10764_2.png) [@juggernautsei](https://community.open-emr.org/u/juggernautsei)\
**Post date:** [October 18, 2021, 3:04pm UTC](https://community.open-emr.org/t/jquery-form-builder/17146/11 "2021-10-18T15:04:02Z")

</div>

Yes close this topic.  
I don’t have that kind of privilege. If I had your skills but I don’t.

 ![image](https://discourse-uploads-openemr.s3.dualstack.us-east-1.amazonaws.com/original/3X/2/5/25f9b1097808a19ebda1182ca84269588244b711.png)

---

<div class="post-metadata">

**Author:** ![robert.down](https://community.open-emr.org/user_avatar/community.open-emr.org/robert.down/32/15055_2.png) [@robert.down](https://community.open-emr.org/u/robert.down)\
**Post date:** [October 20, 2021, 3:36pm UTC](https://community.open-emr.org/t/jquery-form-builder/17146/12 "2021-10-20T15:36:00Z")

</div>


