As a form builder I want to be able to duplicate a field so that I can create fields in a form faster and smarter.

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 7.1.X, Master
• Component/s: Forms
• Labels:
  • QA-AUTOMATION
  • S
  • UX_done
  • forms.liferay.com
  • fw_test_js
• Epic Link: UX Improvements
• Sprint: F&W #29 - Nov 07 - 18
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/44803

User Story:
As a form builder I want to be able to duplicate a field so that I can create fields in a form faster and smarter.

DOD:

• Have an option called "Duplicate" in the field Kebab Menu - screenshot: ;
• Once the "duplicate" option is pressed, the original field is duplicated and will appear below the original;
• Rules shouldn't be cloned;
• All basic configurations and properties should be cloned.
• Test that the new field is present using a frontend javascript test. Testing the success message can be done manually

Product Design Specifications

• The new field duplicated will appear bellow the original field, in the same column. (It is showed on Invision's prototype)
• The labels from dropdown were updated, from: Move Feld, Remove Field and Cancel Field Edition To: Move, Remove and Cancel Edition (It is showed on Invision's prototype);
• The new label is "Copy of <field label>" (It is showed on Invision's prototype);
• The Success Alert follow the Lexicon pattern, it can be closed by clicking on X icon or after three seconds it closes automatically;
• Invision's Link: https://liferay.invisionapp.com/share/57CBVV7NY