modxcms / fred

The friendly front-end editor for visual, drag-and-drop content building in MODX CMS
https://fred.modx.com
MIT License
59 stars 25 forks source link

Drag and Drop form builder in Fred #102

Closed pixelstuff closed 4 months ago

pixelstuff commented 5 years ago

It would be nice if Fred had a form element that opened up a drag and drop form editor such as the jQuery form builder plugin https://formbuilder.online/ or something similar.

rthrash commented 5 years ago

You can create form Elements, put them in a form category, and use Fred to build forms today. Is there something else you had in mind?

muzzwood commented 5 years ago

Yeah building forms with Fred (drag and drop) works really well. I put one together the other day ;)

rthrash commented 5 years ago

You can even probably style JS validation error messages using data-fred-render="false" on a DIV and then binding the value to the error message in the attribute/div (or however it's handled in your form fields).

@pixelstuff are you looking for an out of the box example, or just the capability to create forms with Fred?

sjmclean24 commented 5 years ago

@rthrash @pixelstuff it would be a good idea to look into the idea of existing Extras hooking up/extending the Fred functionality. I see this as a more feasible solution for the following reasons:

Of course, there is always the limitation that this totally depends on the Extra developers to extend its functionality to Fred :)

But in the meantime, I believe there is already a middle ground where you can build through the MODX Manager and then call it in Fred using a snippet?

pixelstuff commented 5 years ago

So far I haven't found any add-on or snippet in MODx that is as easy as using Jotform or Google Forms. I have a customer who builds forms regularly for events and then links out to one of those services. They don't do it in MODx because it's either too slow or complicated.

@rthrash - actually I didn't think about building out dozens of individual form elements in Fred. Since I'm not fluent in Fred yet, is there a way to limit which container a form element could be dropped (i.e. the parent

container)?

sjmclean24 commented 5 years ago

@pixelstuff have you checked Formalicious (https://www.modmore.com/formalicious/)? Of course, when solutioning it is ok to use external systems which works well for the business case :)

rthrash commented 5 years ago

@pixelstuff there is not any logic to support limiting dropzones or validation yet. It's on the radar, along will full robust ACL support, but don't expect that soon.

muzzwood commented 5 years ago

Wow yeah limiting dropzones would be a fantastic feature.