How to see a real-time Preview of my Form | MoreApp

Are you creating a new form, and you want to see directly what your form will look like? You can use the Preview option to see real-time changes or the final result of your form.

No MoreApp account yet? Sign up here.

1. Open the Preview

When you are in the Form Builder of the MoreApp Platform, you can preview your form's final result.

The Preview button is especially useful if you want to see how a specific field looks in the form or to check your entire form. Click on the eye icon placed in the top right corner.

 

form-builder-moreapp

 

After you click the eye icon, a new screen opens with a preview of your form. This is an example of what you will see:

 

preview-moreapp-form-builder

2. Open in a new tab

Once this Preview page is opened, you will need to click on Open in new tab. The form will appear in a separate tab in your browser so you can test it.

The form will look as if you opened it in the Web App.

 

new-tab-preview-moreapp

 

Now, you just need to open both tabs, one with the Form Editor and one for the Form Preview, next to each other. You can split your screen so you can see both tabs at the same time.

 

tabs-form-result-moreapp

 

If you add or remove a field in the form, the change will be visible in the Preview tab. In case you are using Rules, the Preview is a good way to test if they are working.

With the Preview, you can easily check all your changes and the final version of your form in real-time. Once assured there are no errors, your form is ready to publish.

Want to stay up to date with our latest tutorials? Go to YouTube and hit the Subscribe button!