CiviForm

[Brylie Christopher Oxley]

As a site-builder
I would like a drag-and-drop form builder in CiviCRM core
So that I can build custom forms for myriad purposes

This proposal is largely based on Coleman's brilliant work with Webform CiviCRM, lets build a form designer interface into CiviCRM core!

Many of the components already exist within CiviCRM. What we need is an overal UX design and integrated solution :-)

Some feature ideas

• drag-and-drop
• in-context design
• reorder form elements
• editable form attributes
• CSS style
• data attributes
• CiviCRM metadata
• combine CiviCRM components
• Event registration(s)
• Donation(s)
• Case events
• role-based field visibility
• useful for review-based workflow
• e.g. public/volunteers input data, coordinator role adds details, manager approves
• calculated fields (formula builder, field tokens, arithmetic operators)
• multiple event registrants
• optional items
• price multipliers
• selection based discount
• conditional field visibility
• condition of one field triggers state in others
• conditional field requirement
• multiple field instances
• e.g. multiple registrants, gift items, employees, family members, students...
• "Add another" field to trigger new field group/input
• embeddable form code
• embed form in any website/page, possibly even social media?
• no more form plugins needed! :-)
• flow stages and pages
• revisions
• review process
• multi-page form/survey

Motivation
There are several reasons I think this would be helpful. Firstly, I have encountered scenarios where I am trying out how to meet a goal of collecting information in Civi where the solution doesn't seem to fit the problem. Second, while Webform CiviCRM is nice, it is Drupal-centric. There are myriad WordPress form builders, but they are often freemium, have missing and or overlapping features, and possibly store data off-site. I am also building an event registration form for a Quaker group, which turns out to be significantly complicated.

[Coleman Watts]

Hey Brylie. Great minds think alike.
Totten and I are currently working on the spec for this project and will be building a POC/prototype soon*

*as soon as we get the 4.6 release and other top priorities out of the way.

[jaapjansma]

I was just reading this topic. What would be even better is to create a form builder which is transportable to mobile devices. So you could create forms in Civi and do the display and processing at a mobile device. This way we could define forms in Civi which Street recruiters could use an their iPad while raising funds on the street.

[Brylie Christopher Oxley]

Coleman, excellent. I would like to contribute, preferably JavaScript development time, to this feature. Where can I view the spec?

 jaapjansma, great idea, an offline form would be really useful.

[petednz]

i expect chris@fuzion would also be v interested in the outcome of this and doing what he can to help