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

    Box around the form?

    Asked by Nickster on September 12, 2011 at 09:15 AM

    How can I have a box around the form wth a different outside perimeter color?

  • Profile Image

    Answered by allanftd on September 12, 2011 at 12:05 PM

    Hi Nickster,

    If you're using the Iframe embed code, you can add this iframe attribute to insert a basic border line around the form:

    frameborder="1"

    If you want more color and style choices, please use this attribute instead:

    style="border:medium double rgb(250,0,255)"

    Your Iframe embed code should now look something like this as an example:

    <iframe allowtransparency="true" src="//www.jotform.com/form/11100548153" frameborder="0" style="width:100%; height:478px; border:none;" scrolling="no" style="border:medium doublergb(250, 0, 255)">
    </iframe>

    We hope you find this information useful. Let us know if you need further assistance.

    JOTFORM SUPPORT

  • Profile Image

    Answered by Nickster on September 12, 2011 at 03:48 PM

    When I go to Iframe, I can't change the frameborder="0" to frameborder="1". It does not allow me to do so. What am I doing wrong?

  • Profile Image

    Answered by allanftd on September 13, 2011 at 03:05 AM

    Hi Nickster,

    Sorry for the confusion. If you want to use 

    style="border:medium double rgb(250,0,255)"

    you do not need to include frameborder="0" anymore, like this:

    <iframe allowtransparency="true" src="//www.jotform.com/form/11100548153" style="width:100%; height:478px; border:none;" scrolling="no" style="border:medium doublergb(250, 0, 255)">
    </iframe>

    Please try again and let us know if it works this time or not.

    JOTFORM SUPPORT

  • Profile Image

    Answered by Nickster on September 13, 2011 at 09:15 AM

    I dont believe you answered my question.

     

    When I go to Iframe, I can't change the frameborder="0" to frameborder="1". It does not allow me to do so. What am I doing wrong?

  • Profile Image

    Answered by allanftd on September 13, 2011 at 09:38 AM

    You have to perform these changes outside of JotForm (e.g. your text editor or website editor). 

    JOTFORM SUPPORT

  • Profile Image

    Answered by Nickster on September 13, 2011 at 04:34 PM

    Then I'm lost. This is my first website I've designed using FrontPage. The following is my SignUp:

    <script src="http://form.jotform.com/jsform/12473156191"></script>

    Where do I enter

    style="border:medium double rgb(250,0,255)" to get the outside border?

  • Profile Image

    Answered by Nickster on September 13, 2011 at 04:35 PM

    To add a bordered box around the form wth a different outside perimeter color?

  • Profile Image

    Answered by allanftd on September 13, 2011 at 11:14 PM

    You have to use the Iframe embed code instead of the default embed code that you're using now. The code below is your Iframe embed code with the style attribute needed to add a bordered box around your form:

    <iframe allowtransparency="true" src="//yang.interlogy.com:82/form/12473156191" style="width:100%; height:1531px; border:none;" scrolling="no" style="border:medium double rgb(250,0,255)"></iframe>

    Paste this into your FrontPage text editor. Then save and publish the page. Please let us know how it goes.

    JOTFORM SUPPORT

  • Profile Image

    Answered by Nickster on September 14, 2011 at 12:28 PM

    Thanks for your help. It now works as you recommended, but how do I make a complete border, not half as you gave me?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 14, 2011 at 05:38 PM

    Hi Nick,

    Alternatively, you may use this custom css in your form to have a border around the form itself:

    .form-all {
    border: medium solid red;
    }

    You may change the border properties to your liking. Refer to this page for more border styles.

    For a border with rounded corners, please refer to the link below:

    http://www.jotform.com/answers/30492-Is-there-a-way-to-have-rounded-corners-on-themes-or-backgrounds


    Neil