Box around the form?

  • Profile Image
    Nickster
    Asked 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
    allanftd
    Answered 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
    Nickster
    Answered 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
    allanftd
    Answered 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
    Nickster
    Answered 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
    allanftd
    Answered 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
    Nickster
    Answered 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
    Nickster
    Answered on September 13, 2011 at 04:35 PM

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

  • Profile Image
    allanftd
    Answered 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
    Nickster
    Answered 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
    NeilVicente
    Answered 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