Form is not being displayed in Lightbox window.

  • drazek
    Asked on June 28, 2015 at 3:19 PM

    is there a community or a freelancer who can assist with custom jotform integration?

    cssdiet.com want to trigger lightbox payment jotform from the button on the site

    preferably would like to use recurring billing via braintree but because jotform doesn't offer the feature out of the box, for now we have paypal payment pro

    form is ready, just doesn't work with the existing theme

    Page URL: http://cssdiet.com
  • jonathan
    Replied on June 28, 2015 at 6:56 PM

    There is a way to embed the form as a lightbox form on a website.

    user guide: -How-to-Create-a-Lightbox-Form

    Example page

    You can use the lightbox form and launch it via the button on the site.

    Please provide us more details if this will not work.

    Thanks.

     

  • drazek
    Replied on June 28, 2015 at 11:02 PM

    none of it works it seems in wordpress premium theme

    examples

    http://www.cssdiet.com/coll-page-section/test-payment-form/

    http://www.cssdiet.com/payment/

     

    it either doesn't render correctly, or make a page not to load

  • Boris
    Replied on June 29, 2015 at 7:56 AM

    Your first page seems to be using the iFrame embed method, rather than a lightbox embed. As our iFrame method tries to adjust its height to fit its form from inside to its outside container, and this iFrame is inside a display:none Lightbox of your own, our iFrame incorrectly sets its height to 0.

    On the first page that you have supplied, please try changing your IFrame embed codes to include a min-height:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/51777226700152" frameborder="0" style="width:100%; height:844px; min-height: 844px !important; border:none;" scrolling="no"></iframe>

    Your second linked page doesn't seem to be using the Lightbox embed code that jotForm offers by default:

    Form is not being displayed in Lightbox window Screenshot 20

    Please try using the code from the Lightbox method depicted on the above image, and see if that works any better on your second page. If it still doesn't work, then please try removing the number 2 from the feedback script:

    <script src="https://secure.jotform.com/static/feedback2.js?3.3.7677" type="text/javascript">

    Please let us know how it goes.

  • drazek
    Replied on June 29, 2015 at 11:55 AM

    feedback2 is the problem

    removing it works like charm

    http://www.cssdiet.com/lightboxembedfeedback2removed/

    would you now know how to have one jotform redirect into another jotform within the same lightbox?
  • Ashwin JotForm Support
    Replied on June 29, 2015 at 1:02 PM

    Hello drazek,

    I am glad to know that your lightbox form issue is resolved. 

    As we cannot answer multiple questions in one thread, I have moved your second question to a new thread and you will be answered here:  http://www.jotform.com/answers/599085 

    Thank you!

  • Jeanette JotForm Support
    Replied on November 23, 2015 at 1:16 PM

    We are happy to announce that BrainTree is now alive!

    Please feel free to contact us if you find any problem with this integration.

     

  • Jeanette JotForm Support
    Replied on November 23, 2015 at 2:24 PM

    You can find out more information about our new integration with BrainTree here:

    http://www.jotform.com/braintree/