The Form Viewer is a special application which is used to display a single form, but also display a submission within that Form.
This project is the underlying source code @ https://formview.io which is the domain used by <form.io> to host individual forms. This is also the URL which provides embedding capabilities of the <form.io> forms.
What makes this project unique is that you can fork this repo @ https://github.com/formio/formio-viewer and then host your own special version of this application which is great for User Onboarding and other things. Or if you need to have a custom embed capability that is not provided by the base Form viewer.
Displaying a form
To display a form, you simply need to call this application using the following URL.
/#/[PROJECT NAME]/[FORM NAME]
Display a submission within the form.
To display a submission within a form, you can use the following URL.
/#/[PROJECT NAME]/[FORM NAME]/submission/[SUBMISSION ID]
This will then show an Authentication form (/user/login) so that a user can log in to see the submission.
Download Submission as PDF
In addition to viewing the submission, the submission can also be downloaded as a PDF.
The theme can also be changed dynamically using the
theme= query parameter. Any theme from Bootswatch can be provided here like so.
This changes the form to look like this.
This form viewer is also used to embed forms using iframes. It contains a special library called Seamless which will auto resize the iframe to the size of the form within the Parent page (the one doing the embedding). You can change the form to embed mode using the
iframe=1 parameter on the URL, which is what is used within the <form.io> embed code as follows.