As a form builder, I would like to have a faster way to preview my form, so that I can see it right after editing.

• 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
  • fw_test_poshi
  • ux_done
• Epic Link: UX Improvements
• Sprint: F&W #29 - Nov 07 - 18
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/44794

Goal:

• Preview the form, after editing it, providing an easier way to preview the form 1-directly from form front page and 2- By using a label "Preview" as a CTA in order to avoid doubts.

Users:

• Form builder

Benefits:

• Improve Form's experience, decrease the time and clicks to perform a simple action.
• Currently to preview a form, the form builder needs to click on the superior kebab menu and choose the "Publish" option and after to access the preview in the modal.

User Story:

As a form builder, I would like to have a faster way to preview my form, so that I can see it right after editing.

DOD:

1. Access the form preview clicking on a CTA nested below the form editing panel.
2. The form should open in a new browser tab;
3. The user can interact with the form (fill in, choose options), but cannot submit the form.

Product Design references:

• Invision Prototype https://invis.io/FQ98DUU8U