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.


  • Profile Image

    Form Designer tools and toolbars are not shown properly when opening one of our forms

    Asked by ostepar on February 11, 2016 at 07:23 AM

    Dear Jotform team,

    since yesterday I tried to open the designer but windows are not showing right somehow small.

    Did you make an update? 

    Problem persist also on every form I tried and yes I have cleared my cookies and tried different browsers ( Chrome, Safari , Firefox ).

    Could you please let me know what happened or alternatively redirect me to older designer? It worked just fine to me.

    Please see the picture of the problem.

     

    Thank you so much for you help! 

     

    Martin

    Page URL:
    https://form.jotformeu.com/60407323005340

    Screenshot
    designer right JotForm picture
  • Profile Image

    Answered by Ben on February 11, 2016 at 11:01 AM

    I took a look at the Form Designer and it was working properly for me. Cloning your form over however has however shown me the same issue that you were experiencing.

    The issue is that one of the codes that you are using are using body element and the specific child of it to be styled, and that is what is causing the issue for the form designer.

    However, without making changes to your current code, you would only need to add this CSS to your form:

    body.supernova > div:nth-child(4) {
        left: 0;
        top: 0;
        width: auto;
    }

    This will cancel your own code already present in there and will load the designer properly.

    I also noticed that your CSS code was incomplete - when you open the form and check the custom CSS field and go all the way down you can see "impo" being the last thing, which I closed off with:

    rtant;
    }

    - so that it says important; and has a closing curly bracket }.

    The CSS above (the body one) would need to go after all the other codes in order to properly cancel the same.

    You should add the CSS to your form by following these steps: Inject Custom CSS Codes just as mentioned, do close the existing CSS and then add the new CSS after it all.

    If you are not quite sure how to apply the same, you can let us know and we can either apply the same for you or you can clone my clone: https://form.jotform.com/60414438255958

  • Profile Image

    Answered by ostepar on February 11, 2016 at 08:16 PM

    Perfect thanks a lot. I did not know that my code can actually influence designer tool as well.

    Now I know. Great job :)

    Martin

  • Profile Image
    JotForm Support

    Answered by mert on February 12, 2016 at 03:55 AM

    Hi Martin,

    In the name of my colleague, you are most welcome. Please, do let us know, if you need further assistance about customizing your form with CSS or anything else.

     

    Thanks.