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

    Different Placement Form on Web Browsers

    Asked by Wolverin89 on December 15, 2014 at 05:09 PM

    Dont' understand! Why form have different placement on different browsers use same type (iflare)

    Aligning and lenght

    embed type - iframe

    Page URL:
    http://ecodux.ru/

    Screenshot
    different same browser width
  • Profile Image
    JotForm Support

    Answered by Charlie on December 15, 2014 at 08:32 PM

    Hi,

    Are you referring to the width of the fields? You can try adding a fix width on those elements by injecting the code below to your Form Designer.

    .form-line {

        width: 600px !important;

    }

    You can change the value of the width depending on that you prefer.

    1. Navigate to Form Designer

    2. Navigate to CSS tab and add the custom code.

     

    I hope this helps. Let us know if you need more assistance on this.

    Thank you. 

     

  • Profile Image

    Answered by Wolverin89 on December 16, 2014 at 04:44 PM

    Thank you so much!
    Yes, exactly the width I meant! although the distance between rows walks

  • Profile Image

    Answered by raul on December 16, 2014 at 05:26 PM

    Please try to modify the CSS code of the parent div in your website which contains the iframe that you're using to display your form to the following:

    #u9475 {
       z-index: 358;
       width: 200px;
       min-height: 219px;
       margin-right: 0;
       margin-top: 325px;
       position: absolute;
       left: 275px;
       top: -20px;
    }

    It should make your form look like this:

    Let us know if this is what you're trying to accomplish.
    Thanks.

  • Profile Image

    Answered by Wolverin89 on December 16, 2014 at 05:39 PM

    Thank you for reply! but, sorry, i not a coderman! :)

    I graphic designer, code for me is bad dream!

  • Profile Image

    Answered by raul on December 16, 2014 at 05:57 PM

    Well, unfortunately we cannot make this change for you since this code is included in a file that is hosted in your website. If you have access to the admin panel or the FTP server where your website is published, then you need access it and look for the index.css file and modify it.

    You need to locate the #u9475 id and change with the code I provided before.

    Hope this helps.

    Let us know if you have further questions.
    Thanks.

  • Profile Image

    Answered by Wolverin89 on December 18, 2014 at 04:44 PM

    Thanks for the help!

  • Profile Image
    JotForm Support

    Answered by Kiran on December 18, 2014 at 04:55 PM

    You're welcome, @Wolverin89. I hope that the issue is resolved for you now. Please do not hesitate to get back to us if you need any further help. We will be happy to help.

    Thank you for using JotForm!