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

    The Fields' Widths are Too Long

    Asked by melphy on March 18, 2016 at 04:54 AM

    The elements are very log when I embend my form to blogger

    This didn't happen last year

     

    Page URL:
    http://larisarunners.blogspot.gr/p/blog-page_79.html

    Screenshot
    elements
  • Profile Image
    JotForm Support

    Answered by mert on March 18, 2016 at 05:31 AM

    On my side, I didn't replicate the same issue with you, the fields' widths are correctly implemented when I load your blog page. Please, see it from the below:

     

    However, we can easily change their widths by injecting CSS code to your form. Please, copy&paste the following code:

     

    .form-textbox {

        width: 150px !important;

    }

     

    If you need any extra help, please do let us know.

    Regards.

  • Profile Image
    JotForm Support

    Answered by mert on March 18, 2016 at 05:34 AM

    In addition, please don't forget to re-embed your form after applying the changes to your form. I suggest you to embed your form with iFrame embed code as you have already did and also, you don't need to take the whole structure of embed code, the content between <iframe>...</iframe> tags is enough to embed your form. (Following code is just an example, don't embed that one.)

     

        <iframe

          id="JotFormIFrame"

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

          allowtransparency="true"

          src="https://form.jotform.com/53341292355958"

          frameborder="0"

          style="width:100%;

          height:800px;

          border:none;"

          scrolling="no">

        </iframe>

     

    After trying this method, please do let us know the results.

    Thanks.

  • Profile Image

    Answered by melphy on March 18, 2016 at 05:45 AM

    You don't see the problem anymore because I solved it by removing the Mobile responsive widget.

    Thank you for the immediate response though. 

     

  • Profile Image
    JotForm Support

    Answered by mert on March 18, 2016 at 08:24 AM

    You are kindly welcome. Generally, making the form mobile responsive is doing this, it allows the fields expand as much as they can, so removing the widget is a reasonable action. However, please note the CSS code that I shared earlier, it could have fixed the problem as well.

     

    Regards.

  • Profile Image

    Answered by melphy on March 18, 2016 at 08:27 AM

    Thank you. I will consider using it again.  

  • Profile Image
    JotForm Support

    Answered by mert on March 18, 2016 at 08:47 AM

    If you encounter any error while you are in the process of making, please always feel free to contact us.

     

    Have a great day.