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

    Got some problems with field group and with text going behind other fields

    Asked by jacktsai on December 15, 2015 at 01:33 AM

    I got some problems with my form... Any help will be appreciated!

    First, its pretty self-explanatory. The text goes behind the other fields?!

    Second, when I try to group fields using the common field collapses, my text fields block it:

     

    I have field collaspe at the top and the bottom, but the text field interferes for some reason...

  • Profile Image

    Answered by Sammy on December 15, 2015 at 04:25 AM

    Kindly go to your designer and remove the default CSS that has been injected to the form.

    I can see you are hiding the collapse sections using CSS which results in portions of the form being rendered inaccessible.

    This should reset the form to the proper layout and element spacing.

    Kindly let us know if require further assistance.

     

  • Profile Image

    Answered by jacktsai on December 15, 2015 at 03:56 PM

    Thank you for your assistance! I discovered that I had

    .form-input-wide{

        height : 50px;

    }

    which I changed to:

    .form-input-wide:not(#cid_186){

        height : 50px;

    }.

         I still have one more question, I still need to group the fields, but the text field continues to interfere. Any ideas?

  • Profile Image

    Answered by jacktsai on December 15, 2015 at 05:25 PM

    I didn't get the group the fields problem corrected, but I did manage to separate the fields with negative margins and a bottom-border. I would still like to learn how to overcome this problem, but it is no longer urgent.

  • Profile Image

    Answered by Ben on December 15, 2015 at 05:26 PM

    I took a look at your form: http://www.jotformpro.com/form/53476676564975 and I do not see any issues with the text or any other element.

    Now what I think is happening based on your first screenshot is that you are looking to have the form look nicely to users, but to you as well when you open it in the form builder.

    To make it look as such - and since you seem to be familiar with CSS I would like to suggest adding few specific CSS rules with #stage as the prefix.

    I use that in my styles if something is changing the layout and affecting the style within the form builder and I want it to look properly in there as well (to allow easier updates for example).

    Now if you are looking to achieve something specific, please do let us know which field(s) and what should happen and we would be happy to assist with the CSS for the same :)

  • Profile Image

    Answered by jacktsai on December 15, 2015 at 09:24 PM

    Ben,

    Thank you for your support! I don't really mind about what the form looks like, nor do I understand the #stage tag.

    I finally understood how the field collapse work, thank you for all your support!

    Again, thank you!

  • Profile Image
    JotForm Support

    Answered by Charlie on December 16, 2015 at 03:04 AM

    In behalf of my colleagues, you are most welcome. I'm glad to hear that you have already resolve the issue in your end. Should you need any assistance again, please do not hesitate to contact us here in the forum.

    Thank you.