Trouble using JotForm on my Behance ProSite

  • Profile Image
    kgbeat
    Asked on July 23, 2015 at 01:22 PM

    Hi Fine and Talented JotFomr Support Folks--

     

    I'm wondering if you can help me with an issue I have, using a JotForm on my Behance Prosite page. URL below.

    It was working fine for several years, until last month, when I made a slight revision to the form...I added a field for the sender's email...and after I reposted I had all sorts of trouble with it. 

    First I got a message that I wouldn't take any embed codes with the "<script>" tag in them. I worked out a work-around with the Behance team. (switch to the secure forms option, and only use the part of the iframe code without the <script> tags)...but now the form lays out in a strange way--it only takes up the right half of the space!

    The Behance team seems to be stumped, as they are no longer getting back to me and the issue hasn't been resolved.

    I've encloded the code I'm using on the page. Is there any chance you can take a look at it and the page itself and offer some advice? I'd really appreciate it.

    Thanks in advance for any help you can offer,

     

    Ken

     

     

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.com/form/20261707012" frameborder="0" style="width:100%; height:702px; border:none;" scrolling="no"></iframe>

  • Profile Image
    Sammy
    Answered on July 23, 2015 at 03:22 PM

    Hi Ken,

    The issue seems to lie with the width property in the .form-all class

    .form-all {
        background: #fff796 none repeat scroll 0 0;
        color: #9e0606 !important;
        font-family: "Verdana";
        font-size: 14px;
        margin: 0 auto;
        padding-top: 0;
        width: 650px;
    }

    you can replace it with a percentage value i.e width: 100% !important;

    you can do so by creating another class with the width property only

    .form-all {
        width: 100% !important;
    }

    Kindly let us know if you need further assistance