Top of form concealed in form editor

  • Profile Image
    NRCsupport
    Asked on March 06, 2014 at 02:45 AM

    The very top part of the form is concealed by the menu panel in the form editor. This makes it hard to check the top of the form, or to insert an extra field at the top.

  • Profile Image
    jonathan
    Answered on March 06, 2014 at 06:16 AM

    Hi,

    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.

     

    Thanks.

  • Profile Image
    NRCsupport
    Answered on March 06, 2014 at 07:30 AM

    Thanks.

    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

  • Profile Image
    abajan
    Answered on March 06, 2014 at 10:18 AM

    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;
    margin-top: 0;

  • Profile Image
    NRCsupport
    Answered on March 06, 2014 at 11:01 AM

    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

  • Profile Image
    EliezerN
    Answered on March 06, 2014 at 01:02 PM

    Hi,

    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

  • Profile Image
    NRCsupport
    Answered on March 06, 2014 at 01:48 PM

    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.

  • Profile Image
    TitusN
    Answered on March 06, 2014 at 03:12 PM

    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.

  • Profile Image
    NRCsupport
    Answered on March 06, 2014 at 05:25 PM

    Thanksvery much. It is a pity when such a nice product is let down by such things,even if they might seem trivial.