What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Found a fix for media screens issue.Asked by DJporter on September 18, 2013 at 06:18 AM
Most of us are putting our forms in a <div>wrapper</div> or <iframe>. We've got other stuff on the page. The forms don't look good on smaller devices though. So, I looked far and wide to find a fix-all for this media screen issue that I have seen on this forum so many times. I've asked about it myself. Not pleased with the answers though.
Turns out that the answer was under our noses. JotForm adjusts the direct link page of their forms, not the embedded one. I wanted to see how they did it. Right click -> view source code -> answer. They put in two meta names, the first one checks for the device width and then sets the scale to be viewed at. The other tells search engines that its handheld friendly.
This is the snippet of code that goes in your head section.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="HandheldFriendly" content="true" />
So for it works on my iPhone 5, iPad 2, my wifes iPad mini and a friends Android. The page still acts the way it should in Chrome, Safari and Firefox on Mac OS X.
Give me some feedback if it works or doesn't on other devices and platforms.
First off, that codes will always work. But that doesn't work for those who uses third party web builders online such as Wix. Wix doesn't support modification of its web source codes so someone can't put that codes to the head section of their websites. But most online builders already included this meta data to their platforms, specifically to the responsive themes.
Second, our forms are mobile compatible but we recommend the default form formatting. Most of the users modified the form and customized it to their desired designs. Doing this without the mobile CSS query adjustments though the injected CSS method would affect the design of the form when access through mobiles.
I have your webpage access through an android device and yes, it works so nice. It fits to the screen.
We can always help if any issues would occur through your forms. Just please let us know.