fred icon indicating copy to clipboard operation
fred copied to clipboard

Drag and Drop form builder in Fred

Open pixelstuff opened this issue 6 years ago • 8 comments

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.

pixelstuff avatar Jan 15 '19 06:01 pixelstuff

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?

rthrash avatar Jan 15 '19 13:01 rthrash

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

muzzwood avatar Jan 16 '19 03:01 muzzwood

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?

rthrash avatar Jan 16 '19 15:01 rthrash

@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:

  • Fred itself not becoming bloated;
  • Allowing the Development Team to focus on more Core Functionality rather then specific use cases (which I believe is not feasible, especially given it's a Free Extra);
  • Reusability of code;
  • It will allow a 'Best of Breed' approach, where developers who have already acquired the functional and user knowledge of processes, in this case building contact forms, can re-use that to extend into Fred rather than having the MODX Team use production time to relearn such fundamentals.

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?

sjmclean24 avatar Jan 19 '19 14:01 sjmclean24

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)?

pixelstuff avatar Jan 19 '19 22:01 pixelstuff

@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 :)

sjmclean24 avatar Jan 19 '19 22:01 sjmclean24

@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.

rthrash avatar Jan 21 '19 18:01 rthrash

Wow yeah limiting dropzones would be a fantastic feature.

muzzwood avatar Jan 22 '19 02:01 muzzwood