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

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

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 think Ninja Forms is about the have the best form builder UI on the market. https://three.ninjaforms.com/

mhmd’s picture

@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

Issue summary: View changes
Status: Closed (works as designed) » Active
jrockowitz’s picture

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

Project: YAML Form » Webform
Version: 8.x-1.0-beta9 » 8.x-5.x-dev