{"id":4420,"date":"2018-11-08T09:40:05","date_gmt":"2018-11-08T17:40:05","guid":{"rendered":"http:\/\/blog.quickschools.com\/?p=4420"},"modified":"2023-06-14T02:47:26","modified_gmt":"2023-06-14T09:47:26","slug":"online-forms-cross-browser-compatibility","status":"publish","type":"post","link":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/","title":{"rendered":"Online Forms Cross-Browser Compatibility"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p><span style=\"font-weight: 400;\">We recently discussed how you can use <a href=\"https:\/\/blog.quickschools.com\/2018\/11\/07\/fillable-pdfs-for-online-forms-app\/\">Fillable PDF Forms<\/a> in the <\/span><a href=\"https:\/\/blog.quickschools.com\/2017\/11\/17\/enhanced-online-forms\/\"><span style=\"font-weight: 400;\">Online Forms<\/span><\/a><span style=\"font-weight: 400;\"> 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. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">For schools using Fillable PDF forms, for full cross-browser compatibility, your PDF forms will need to be converted to another format called <\/span><a href=\"https:\/\/en.wikipedia.org\/wiki\/Scalable_Vector_Graphics\"><span style=\"font-weight: 400;\">Scalable Vector Graphics<\/span><\/a><span style=\"font-weight: 400;\"> (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 <\/span><a href=\"http:\/\/www.quickschools.com\"><span style=\"font-weight: 400;\">QuickSchools<\/span><\/a><span style=\"font-weight: 400;\"> support team to make the conversion. In the future, we\u2019ll be automating this process so that uploaded PDF forms are automatically converted to SVG for full cross browser compatibility. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">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\u2019ve provided the table below:<\/span><\/p>\n<table border=\"1\" cellpadding=\"5\">\n<tbody>\n<tr>\n<td>\n<p style=\"text-align: center;\"><b>Custom Fields<\/b><\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\"><b>Native Fillable PDF<\/b><\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\"><b>PDF Converted to SVG<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400; color: #ff0000;\">Limited control over layout of fields. Font and font sizes would need to be controlled via a custom CSS.<\/span><\/td>\n<td><span style=\"font-weight: 400; color: #008000;\">Full control on layout of fields, fonts, and font sizes. Can also include images, like a regular PDF.<\/span><\/td>\n<td><span style=\"font-weight: 400; color: #008000;\">Full control on layout of fields, fonts, and font sizes. Can also include images, like a regular PDF.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400; color: #008000;\">Full cross-browser compatibility. Also runs on mobile devices.<\/span><\/td>\n<td><span style=\"font-weight: 400; color: #ff0000;\">Limited cross-browser support. Runs primarily on Google Chrome.<\/span><\/td>\n<td><span style=\"font-weight: 400; color: #008000;\">Full cross browser support. Also runs on mobile devices.<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400; color: #008000;\">Support for all fields input types: Text, Dropdowns, Checkboxes, etc.<\/span><\/td>\n<td><span style=\"font-weight: 400; color: #008000;\">Support for all fields input types: Text, Dropdowns, Checkboxes, etc.<\/span><\/td>\n<td><span style=\"color: #ff0000;\"><span style=\"font-weight: 400;\">Supports Basic Input Type, like Text and Check Boxes. <\/span><span style=\"font-weight: 400;\">Does NOT support Dropdowns.<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-weight: 400;\">We\u2019ll 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\u2019d 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.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":5617131,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[28883],"tags":[],"class_list":["post-4420","post","type-post","status-publish","format-standard","hentry","category-tips-and-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Online Forms Cross-Browser Compatibility - QuickSchools Blog<\/title>\n<meta name=\"description\" content=\"Online forms cross browser compatibility is complex. Depending on how you set up, the forms itself may not be cross browser compatible.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Online Forms Cross-Browser Compatibility - QuickSchools Blog\" \/>\n<meta property=\"og:description\" content=\"Online forms cross browser compatibility is complex. Depending on how you set up, the forms itself may not be cross browser compatible.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/\" \/>\n<meta property=\"og:site_name\" content=\"QuickSchools Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/quickschools\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-08T17:40:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-14T09:47:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/blog.quickschools.com\/wp-content\/uploads\/2013\/07\/quickschoolslogo.jpg?fit=1037%2C263&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1037\" \/>\n\t<meta property=\"og:image:height\" content=\"263\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Azroy Kandan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@quickschools\" \/>\n<meta name=\"twitter:site\" content=\"@quickschools\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Azroy Kandan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/online-forms-cross-browser-compatibility\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/online-forms-cross-browser-compatibility\\\/\"},\"author\":{\"name\":\"Azroy Kandan\",\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/#\\\/schema\\\/person\\\/f0e658eb86a09d8b261f3229f1dfb8d5\"},\"headline\":\"Online Forms Cross-Browser Compatibility\",\"datePublished\":\"2018-11-08T17:40:05+00:00\",\"dateModified\":\"2023-06-14T09:47:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/online-forms-cross-browser-compatibility\\\/\"},\"wordCount\":352,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/#organization\"},\"articleSection\":[\"Tips and Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/blog.quickschools.com\\\/online-forms-cross-browser-compatibility\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/online-forms-cross-browser-compatibility\\\/\",\"url\":\"https:\\\/\\\/blog.quickschools.com\\\/online-forms-cross-browser-compatibility\\\/\",\"name\":\"Online Forms Cross-Browser Compatibility - QuickSchools Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/#website\"},\"datePublished\":\"2018-11-08T17:40:05+00:00\",\"dateModified\":\"2023-06-14T09:47:26+00:00\",\"description\":\"Online forms cross browser compatibility is complex. Depending on how you set up, the forms itself may not be cross browser compatible.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/online-forms-cross-browser-compatibility\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.quickschools.com\\\/online-forms-cross-browser-compatibility\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/online-forms-cross-browser-compatibility\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.quickschools.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Online Forms Cross-Browser Compatibility\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/#website\",\"url\":\"https:\\\/\\\/blog.quickschools.com\\\/\",\"name\":\"QuickSchools Blog\",\"description\":\"Powerfully simply school management\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.quickschools.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/#organization\",\"name\":\"QuickSchools Blog\",\"url\":\"https:\\\/\\\/blog.quickschools.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/blog.quickschools.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/SQUARE-LOGO-1.png?fit=829%2C914&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/blog.quickschools.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/SQUARE-LOGO-1.png?fit=829%2C914&ssl=1\",\"width\":829,\"height\":914,\"caption\":\"QuickSchools Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/quickschools\",\"https:\\\/\\\/x.com\\\/quickschools\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/quickschools.com\\\/\",\"https:\\\/\\\/www.instagram.com\\\/quickschools\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.quickschools.com\\\/#\\\/schema\\\/person\\\/f0e658eb86a09d8b261f3229f1dfb8d5\",\"name\":\"Azroy Kandan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b50a7d7d1611b36586907aace6a62c5697796a5fcd268e5070502f2814030f79?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b50a7d7d1611b36586907aace6a62c5697796a5fcd268e5070502f2814030f79?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b50a7d7d1611b36586907aace6a62c5697796a5fcd268e5070502f2814030f79?s=96&d=identicon&r=g\",\"caption\":\"Azroy Kandan\"},\"sameAs\":[\"http:\\\/\\\/www.azroykandan.com\"],\"url\":\"https:\\\/\\\/blog.quickschools.com\\\/author\\\/gokun2\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Online Forms Cross-Browser Compatibility - QuickSchools Blog","description":"Online forms cross browser compatibility is complex. Depending on how you set up, the forms itself may not be cross browser compatible.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/","og_locale":"en_US","og_type":"article","og_title":"Online Forms Cross-Browser Compatibility - QuickSchools Blog","og_description":"Online forms cross browser compatibility is complex. Depending on how you set up, the forms itself may not be cross browser compatible.","og_url":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/","og_site_name":"QuickSchools Blog","article_publisher":"https:\/\/www.facebook.com\/quickschools","article_published_time":"2018-11-08T17:40:05+00:00","article_modified_time":"2023-06-14T09:47:26+00:00","og_image":[{"width":1037,"height":263,"url":"https:\/\/i0.wp.com\/blog.quickschools.com\/wp-content\/uploads\/2013\/07\/quickschoolslogo.jpg?fit=1037%2C263&ssl=1","type":"image\/jpeg"}],"author":"Azroy Kandan","twitter_card":"summary_large_image","twitter_creator":"@quickschools","twitter_site":"@quickschools","twitter_misc":{"Written by":"Azroy Kandan","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/#article","isPartOf":{"@id":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/"},"author":{"name":"Azroy Kandan","@id":"https:\/\/blog.quickschools.com\/#\/schema\/person\/f0e658eb86a09d8b261f3229f1dfb8d5"},"headline":"Online Forms Cross-Browser Compatibility","datePublished":"2018-11-08T17:40:05+00:00","dateModified":"2023-06-14T09:47:26+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/"},"wordCount":352,"commentCount":6,"publisher":{"@id":"https:\/\/blog.quickschools.com\/#organization"},"articleSection":["Tips and Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/","url":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/","name":"Online Forms Cross-Browser Compatibility - QuickSchools Blog","isPartOf":{"@id":"https:\/\/blog.quickschools.com\/#website"},"datePublished":"2018-11-08T17:40:05+00:00","dateModified":"2023-06-14T09:47:26+00:00","description":"Online forms cross browser compatibility is complex. Depending on how you set up, the forms itself may not be cross browser compatible.","breadcrumb":{"@id":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.quickschools.com\/online-forms-cross-browser-compatibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.quickschools.com\/"},{"@type":"ListItem","position":2,"name":"Online Forms Cross-Browser Compatibility"}]},{"@type":"WebSite","@id":"https:\/\/blog.quickschools.com\/#website","url":"https:\/\/blog.quickschools.com\/","name":"QuickSchools Blog","description":"Powerfully simply school management","publisher":{"@id":"https:\/\/blog.quickschools.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.quickschools.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/blog.quickschools.com\/#organization","name":"QuickSchools Blog","url":"https:\/\/blog.quickschools.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.quickschools.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/blog.quickschools.com\/wp-content\/uploads\/2024\/03\/SQUARE-LOGO-1.png?fit=829%2C914&ssl=1","contentUrl":"https:\/\/i0.wp.com\/blog.quickschools.com\/wp-content\/uploads\/2024\/03\/SQUARE-LOGO-1.png?fit=829%2C914&ssl=1","width":829,"height":914,"caption":"QuickSchools Blog"},"image":{"@id":"https:\/\/blog.quickschools.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/quickschools","https:\/\/x.com\/quickschools","https:\/\/www.linkedin.com\/company\/quickschools.com\/","https:\/\/www.instagram.com\/quickschools\/"]},{"@type":"Person","@id":"https:\/\/blog.quickschools.com\/#\/schema\/person\/f0e658eb86a09d8b261f3229f1dfb8d5","name":"Azroy Kandan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b50a7d7d1611b36586907aace6a62c5697796a5fcd268e5070502f2814030f79?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b50a7d7d1611b36586907aace6a62c5697796a5fcd268e5070502f2814030f79?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b50a7d7d1611b36586907aace6a62c5697796a5fcd268e5070502f2814030f79?s=96&d=identicon&r=g","caption":"Azroy Kandan"},"sameAs":["http:\/\/www.azroykandan.com"],"url":"https:\/\/blog.quickschools.com\/author\/gokun2\/"}]}},"jetpack_publicize_connections":[],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pu3aW-19i","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/posts\/4420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/users\/5617131"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/comments?post=4420"}],"version-history":[{"count":5,"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/posts\/4420\/revisions"}],"predecessor-version":[{"id":11665,"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/posts\/4420\/revisions\/11665"}],"wp:attachment":[{"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/media?parent=4420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/categories?post=4420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.quickschools.com\/wp-json\/wp\/v2\/tags?post=4420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}