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

    Can't Type in Fields with Blue Envelope Theme

    Asked by ToliverBancroft on March 25, 2016 at 06:29 AM

    I love this theme, but for some reason it's not allowing me to type in the fields.

    Also, when I try to use it, it's not properly centered, and only pieces of it show up on my site. 

    Here's my link.

    Page URL:
    https://form.jotform.com/60842380651151

    OR in blue envelope envelope
  • Profile Image
    JotForm Support

    Answered by mert on March 25, 2016 at 08:16 AM

    Hi there,

    To beat this problem, you need to add custom CSS rule to your form. Below, you will find the related CSS, please copy&paste it to your form by using the provided method.

     

    .form-input-wide {

        position: static !important;

    }

     

    After adding it, you will see the form is starting to work. If you need anything else, please do let us know.

    Regards.

  • Profile Image

    Answered by ToliverBancroft on March 25, 2016 at 08:18 AM

    Thank you. I decided to just do a new one, and I can type in it now. But unfortunately, it keeps stretching on my cell phone and looking all weird. I tried making it responsive but it does not change? How can I make it stay the same as on the desktop?

     

    Here is the link to my webpage: http://www.toliverbancroft.com/#!apply-for-a-merchant-cash-advance/c1z0v

  • Profile Image
    JotForm Support

    Answered by mert on March 25, 2016 at 08:34 AM

    Currently, the width of the iFrame embed code has set to "100%", that's why it is stretching the form when it is on mobile. To beat this issue, you need to change the iFrame embed code just like the below:

     

    <iframe

    id="JotFormIFrame"

    onload="window.parent.scrollTo(0,0)"

    allowtransparency="true"

    src="https://form.jotform.com/60843043098153" frameborder="0"

    style="width: 628px;

    height: 790px;

    border: none;"

    scrolling="no">

    </iframe> 

     

    As it is seen from the above, changing the "width" as "628px" will solve this problem and also, you can use the one from the above. If you encounter any error, please do let us know.


    Regards.

  • Profile Image

    Answered by ToliverBancroft on March 25, 2016 at 08:41 AM

    Thanks again. But on my cell phone, it still stretches and you cannot properly see the design of the envelope. It only stays put on a desktop. 

  • Profile Image
    JotForm Support

    Answered by mert on March 25, 2016 at 10:43 AM

    In this case, please try to enable the "Mobile Responsive" option in "Properties". See the steps from the below:

     

    On my tests, it loads properly on mobile, you can see the screenshot from the below:

     

    I hope this one will fix the problem. Please, do let us know the results.

    Regards.

  • Profile Image

    Answered by ToliverBancroft on March 26, 2016 at 10:11 PM

    Thank you. That works, however it causes my screen to pull down to the top of the form when I hit the next button. 

  • Profile Image

    Answered by ToliverBancroft on March 26, 2016 at 10:13 PM

    When I use source code instead of iframe code, this keeps it from jumping down. But then I'm back to the original issue of it not being centered.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 27, 2016 at 01:32 AM

    This should be fixed by adding ?nojump to the URL of the embedded form, the final iframe code that you should embed looks like this: 

    <iframe

    id="JotFormIFrame"

    onload="window.parent.scrollTo(0,0)"

    allowtransparency="true"

    src="https://form.jotform.com/60843043098153?nojump" frameborder="0"

    style="width: 628px;

    height: 790px;

    border: none;"

    scrolling="no">

    </iframe> 

    Do let us know how it goes with this change.