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.
You can just set the editor into full screen mode anytime to always display the whole builder
If in non-full screen mode, you can use the arrow at the upper right corner to easily go back on Top of form.
In both those cases, the tab bar at the bottom of the menu still covers the very top of the form.
Also in looking at this I see two further problems.
1. In full screen mode the main top menu is not shown. So to get to the menu to close the form or go to support or elsewhere, you have to return to non-full screen mode first. (I have another open thread about keeping that top menu visible all the time. A solution to that, might solve this one too)
2. In non-full screen mode, you can scroll down past the bottom of the form into a panel with stuff about JotForm. As that scrolls onto the screen, the menu and tab bar scroll off the top, so that "back to top" arrow disappears.
I am using firefox, maybe these things are different on other browsers.
If you look at http://www.jotform.com//?formID=40425935500347 in the editor, there is a hidden field right at the top, and I can't see its name. It is always hidden by the tab bar
Insofar as the first issue in concerned, I can see that the tab is indeed covering the top field. However, it's neither a browser issue nor a form builder one. It's part of the code in the injected CSS which is causing this. If you remove the following declarations from the last rule, the field will come into view:
padding: 0px 0px !important;
Ah, thank you.
Those were put there following an earlier request I made about getting rid of as much of the empty space around the fields as possible. I agree that I can probably get the top field in view by altering it, but I don't want extra space between fields or at the top of the form when in use. The tab bar is quite plainly overlapping the top of the form. So there is a small area of screen which is visible at run time but not visible in the editor.
At the right hand side, not reached by the tab bar, the top part of the screen becomes visible
If the faulty CSS code is necessary for you, then you can disable it while editing your form only so that you can see the hiddend field with no problems.
What you need to do is to add /* at the begining of the declaration and */ at the end of the declaration, that way it will become in a comment and will not be executed. And once you finish editing the form, simply remove it. Here is how to do it:
I hope this helps. Please inform us if you still need assistance with this inquiry.
Thanks, so that is a workaround. But what is wrong with my css code? The entire form does show at run time. Despite what you say, I maintain that the tab bar should not overwrite part of the form.
You do have a point - custom CSS should ideally not hide your form while you are editing - it would be counter intuitive to some degree.
I have asked our developers to take a look - I will take a copy of your form and use it for the testing our developers will need.
Thanks for reporting this.
Thanksvery much. It is a pity when such a nice product is let down by such things,even if they might seem trivial.