Form is not being displayed in Lightbox window.

  • Profile Image
    drazek
    Asked on June 28, 2015 at 03: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

  • Profile Image
    jonathan
    Answered on June 28, 2015 at 06: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.

     

  • Profile Image
    drazek
    Answered 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

  • Profile Image
    Boris
    Answered on June 29, 2015 at 07: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" onload="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:

    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.

  • Profile Image
    drazek
    Answered 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?
  • Profile Image
    ashwin_d
    Answered on June 29, 2015 at 01: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!

  • Profile Image
    Jeanette
    Answered on November 23, 2015 at 01: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.

     

  • Profile Image
    Jeanette
    Answered on November 23, 2015 at 02:24 PM

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

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