We recently discussed how you can use Fillable PDF Forms in the Online Forms app. The philosophy behind the Online Forms app is to digitize a paper form submission process. But the subject of cross-browser compatibility is a complex one. Depending on how you set up your Online Forms, the forms itself may not be cross browser compatible.
For schools using Fillable PDF forms, for full cross-browser compatibility, your PDF forms will need to be converted to another format called Scalable Vector Graphics (or SVG for short). Right now, the process of converting PDF forms to SVG is a manual one, and requires that schools engage with the QuickSchools support team to make the conversion. In the future, we’ll be automating this process so that uploaded PDF forms are automatically converted to SVG for full cross browser compatibility.
Note also that the SVG conversion that we employ does not currently support all input forms, like dropdowns. So to discuss these differences (i.e. advantages and disadvantages), we’ve provided the table below:
Custom Fields |
Native Fillable PDF |
PDF Converted to SVG |
Limited control over layout of fields. Font and font sizes would need to be controlled via a custom CSS. | Full control on layout of fields, fonts, and font sizes. Can also include images, like a regular PDF. | Full control on layout of fields, fonts, and font sizes. Can also include images, like a regular PDF. |
Full cross-browser compatibility. Also runs on mobile devices. | Limited cross-browser support. Runs primarily on Google Chrome. | Full cross browser support. Also runs on mobile devices. |
Support for all fields input types: Text, Dropdowns, Checkboxes, etc. | Support for all fields input types: Text, Dropdowns, Checkboxes, etc. | Supports Basic Input Type, like Text and Check Boxes. Does NOT support Dropdowns. |
We’ll hopefully expand SVG support to include dropdowns, but for now, dropdown support is only available for either Custom Fields or Native Fillable PDF. If you’d like to learn more about our Online Forms app, and cross-browser compatibility for PDF forms, please feel free to reach out to our support team.
[…] additional to better SVG support for cross browser compatibility, we’ve also added a new filter to the Online Forms module, so you can easily view which fields […]
[…] As an example, let’s say you have an Online Registration Form that contains a date field you want to update. And you also want to add a new Comments field too. You can download the existing PDF file, update the Date field, add a new Comments field, and then re-upload the form back to the Form Packet. Assuming you did not change the Field ID for the Date field, the existing mapping will remain intact. You would then simply map the new Comments fields if needed. Be sure to also check out this article about cross browser compatibility for PDF files. […]
[…] been installed and configured, we would need to enable SVG for the online forms. This will allow Cross-Browser Compatibility and allow you to add digital signatures to the form. This is currently a hidden feature. To have […]
[…] https://blog.quickschools.com/2018/11/08/online-forms-cross-browser-compatibility/ […]
[…] Here we have a simple Online Form Packet with a single custom Online Form with Custom Fields (which incidentally has better Cross-Browser Compatibility): […]
[…] been installed and configured, we would need to enable SVG for the online forms. This will allow Cross-Browser Compatibility and allow you to add digital signatures to the form. This is currently a hidden feature. To have […]