The Fields' Widths are Too Long

  • melphy
    Asked on March 18, 2016 at 4:54 AM

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

    This didn't happen last year

     

    Jotform Thread 797499 Screenshot
  • mert JotForm UI Developer
    Replied on March 18, 2016 at 5: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:

    The Fields Widths are Too Long  Image 1 Screenshot 20

     

    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.

  • mert JotForm UI Developer
    Replied on March 18, 2016 at 5: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"

          onDISABLEDload="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.

  • melphy
    Replied on March 18, 2016 at 5: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. 

     

  • mert JotForm UI Developer
    Replied on March 18, 2016 at 8: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.

  • melphy
    Replied on March 18, 2016 at 8:27 AM

    Thank you. I will consider using it again.  

  • mert JotForm UI Developer
    Replied on March 18, 2016 at 8: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.