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

    Squashed Form -- need CSS help

    Asked by shoptologymark on March 24, 2015 at 03:16 PM

    My form --
    https://secure.jotform.us/form/43156967773166

    (fill it out a bit and you'll see the problem)

    This part of my form is squashed. I know something in my css is off? help?

    thank you

    Page URL:
    https://secure.jotform.us/form/43156967773166

    JotForm problem uploads jpg
  • Profile Image
    JotForm Support

    Answered by david on March 24, 2015 at 04:37 PM

    Hi,

    Since there is quite a bit of extra added CSS added to your form, I am not sure which part is causing the issue.  When I removed the CSS and added the theme back again, the fields were no longer compressed as they are in your copy.  Here is my test form to show you it working:

    http://form.jotformpro.com/form/50826581325961

    http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    If this does not look the way you would like, let us know and we will be happy to see what else we can do.

     

  • Profile Image

    Answered by shoptologymark on March 24, 2015 at 05:15 PM

    Thanks! I think when I clicked the "designer" button, it added a lot of extra code and thwarted the actual custom code I needed.

    I started over and all I have now is CSS to add fade to to each form and change my highlight color.

    http://www.jotform.us/shoptologymark/content

     

     

    But one thing remains squished on mobile -- it is the "Draw" widget

     

    any idea how to compress the drawing box with css?

    thanks

    D

  • Profile Image
    JotForm Support

    Answered by david on March 24, 2015 at 06:35 PM

    Unfortunately, the drawing widget is rendered using an iframe. Thus, the responsive code will not affect it. What you can do is use the full source code of your form and then use a CSS technique like the one described here to make the iframes to work in a responsive way in your site: http://www.benmarshall.me/responsive-iframes/

    Other than that, I'm not sure if that particular widget can be made mobile responsive.