We need to enhance the UI of that great module and let users create and edit the form fields.

Problem:
Non technical users couldn't create or edit their form fields as yaml or render arrays very herd to them

Motivation:
Facilitate the operation of creating field forms by using js libraries

Proposed solution:
Integrate that library formbuilder to the module and build the field settings under the hood as yaml/array for save.

Other solutions are welcomed:

After @smaz reply we now need some more ui enhancement to be more user friendly and easy for non technical users.

Comments

mhmd created an issue. See original summary.

smaz’s picture

smaz
Primary language English
Location England, UK
CreditAttribution: smaz at Five Mile Media commented
Status: Active » Closed (works as designed)

If you're using the latest version (8.x-1.0-beta9), there is a 'yamlform_ui' submodule you can enable which provides a UI for creating / editing fields, rather than needing to edit the YAML.

yamlforms UI

jrockowitz’s picture

jrockowitz CreditAttribution: jrockowitz as a volunteer commented

I think this ticket is more about providing WYSIWYG form builder UI. So it could be reopened.

I agree that the YAML form module and Drupal's form (and field) building UI needs to be significantly improved. Personally, I would like Drupal core to lead the way. After YAML Form 1.x is released, I am open to looking at external form builder libraries to help solve this issue/challenge.

I also feel that Ninja Forms has the best form builder UI on the market. https://three.ninjaforms.com/

mhmd’s picture

mhmd CreditAttribution: mhmd as a volunteer and commented

@smaz thanks alot for your response its really looks very good, but we need more enhancements to be more user friendly.

@jrockwitz you are right, plus add some more flexibility for users to control layout and display.

mhmd’s picture

mhmd CreditAttribution: mhmd as a volunteer and commented
Issue summary: View changes
Status: Closed (works as designed) » Active
jrockowitz’s picture

jrockowitz CreditAttribution: jrockowitz as a volunteer commented
Title: allow users to create and edit their form fields from the interface like google forms » Implement drag-n-drop UI/UX
fenstrat’s picture

fenstrat
he/him
Primary language English
Location Australia
CreditAttribution: fenstrat commented
Project: YAML Form » Webform
Version: 8.x-1.0-beta9 » 8.x-5.x-dev

Moving to Webform queue, see #2827845: [roadmap] YAML Form 8.x-1.x to Webform 8.x-5.x.

jrockowitz’s picture

jrockowitz CreditAttribution: jrockowitz as a volunteer commented
Status: Active » Closed (won't fix)

@see http://www.jrockowitz.com/blog/ui