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

    Need Help with Form border: Left & Bottom Missing

    Asked by Barbbauer on March 03, 2016 at 10:04 PM

    Hello, I created this jotform: https://www.jotform.com//?formID=60114489224149#

    And, embedded it into this web page:  http://medmarketintel.com/services/

    If you look at the form, you will see that the right border and bottom border is missing. Can you help me with how I can insert the border?

    Thank you.

    left JotForm www hello and
  • Profile Image
    JotForm Support

    Answered by Chriistian on March 04, 2016 at 03:13 AM

    I see that you are currently using the script embed method to embed the form in your website. To fix the issue with the border, you can try using the iFrame embed code instead. Here's a guide on how to get the iFrame embed code: Getting the Form iFrame Code

    Do let us know if the issue persists after using the iFrame embed, and we would be glad to assist you further.

  • Profile Image

    Answered by Barbbauer on March 04, 2016 at 09:27 AM

    Hi there,

    I embedded the iFrame Code but it still doesn't work. I wonder if maybe the labels (form width) are wider than the iframe? Can you take a look?

  • Profile Image
    JotForm Support

    Answered by mert on March 04, 2016 at 11:03 AM

    Hi there,

    Please, inject following CSS codes, then take the iFrame embed code again. Please, see the codes from the below:

     

    all:before {

    all:unset;

    }

     

    .jotform-form {

    padding:0 !important;

    }

     

    In addition, 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>

     

    Please, try this method. If it won't solve the problem, please do let us know.

    Thanks.

  • Profile Image

    Answered by Barbbauer on March 04, 2016 at 11:48 AM

    Hello,

    I embedded the CSS code, and copy & pasted the iFrame code. Still does not work.

    Notice how the jotform (on the left) is a narrower form, then what I recently embedded onto the website.(image on the right.)

     

  • Profile Image
    JotForm Support

    Answered by Kiran on March 04, 2016 at 02:27 PM

    Please try changing the padding for .jotform-form to 10px in the injected CSS code.

    .jotform-form {

        padding: 10px !important;

    }

    Also, please try removing the script section from the iframe embed code to see if that works for you.

    Let us know if you need any further assistance. We will be happy to assist. 

     

     

  • Profile Image

    Answered by Barbbauer on March 04, 2016 at 02:50 PM

    That worked. Thank you JotForm Support!  :)

  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 04, 2016 at 04:42 PM

    Great to know that, on behalf of my colleagues, you're welcome. 

    Do not hesitate to contact us anytime if you need more help, we will be glad to assist you. 

  • Profile Image

    Answered by Barbbauer on March 08, 2016 at 06:59 PM

    Hello,

     

    Another question regarding the border of the form. Is there a way to reduce the border frame width?

  • Profile Image
    JotForm Support

    Answered by Kiran on March 08, 2016 at 08:19 PM

    I'm not sure if I understand your query correctly. I see that the border width is already 1px. Do you mean reducing the grey background around the form, you may try decreasing the padding to 5px from the code which is already injected.

    .jotform-form {

        padding: 5px !important;

    }

    If you are referring to something different or need any further assistance, please let us know. We will be happy to assist.