Having issues with a blank page turning up upon form opening in lightbox or hover

  • hakardesign
    Asked on June 5, 2017 at 9:16 PM

    Hi Team,

     

    Im having issues with a lightbox link opening which causes an untitled blank webpage to open. When you go back to the original page the form is loaded but I can seem to stop the untitled page coming up. 

    We have a fairly strict cms but im not sure if there is a way to circumvent the code causing it to have a blank page open. I tried target="_self" with no effect.

     

    Any help appreciated.

    I have attached a screen of the form with the untitled page open.

    Having issues with a blank page turning up upon form opening in lightbox or hover Image 1 Screenshot 40

    Having issues with a blank page turning up upon form opening in lightbox or hover Image 2 Screenshot 51

    Having issues with a blank page turning up upon form opening in lightbox or hover Image 3 Screenshot 62

  • Kiran Support Team Lead
    Replied on June 6, 2017 at 1:39 AM

    I have checked the web page where the form is embedded and was able to replicate the issue at my end. As I inspect the web page further, I see that there is target property added to the script. Could you try removing the form from the web page and embed the form again by getting the fresh embed code from Form publish wizard.

    https://www.jotform.com/help/220-How-to-Create-a-Lightbox-Form

    Please get back to us if the issue still persists. We will be happy to assist you further. 

  • hakardesign
    Replied on June 6, 2017 at 1:52 AM

    Hi Kiran, Thanks for getting back to me.

     

    I plugged in the fresh script: but the issue remains. 

     

    <script src="https://form.jotform.co/static/feedback2.js" type="text/javascript"> var JFL_71508542528862 = new JotformFeedback({ formId: '71508542528862', base: 'https://form.jotform.co/', windowTitle: 'Course Booking and Payment Form', background: '#0287eb', fontColor: '#FFFFFF', type: '0', height: 800, width: 700, openOnLoad: false }); </script> <a class="btn lightbox-71508542528862" style="margin-top: 16px"> Course Booking and Payment Form </a>

     

  • Ashwin JotForm Support
    Replied on June 6, 2017 at 3:52 AM

    Hello,

    I did check your webpage and found that though you have added the script code correctly but the anchor tag code you have added is not correct. You have added the following code in your webpage:

    <a href="#" data-toggle="modal" data-target="#enquire-modal" data-enquiry-trigger="Courses in South Australia Button" title="Enquire" class="btn btn-primary btn-lg">Enquire</a>

    Since you have added href attribute as #, that is the reason why a blank window is opened after click on the lightbox button. I would suggest you to please use the following code and that should solve your problem:

    <a class="btn lightbox-71508542528862" style="margin-top: 16px"> Course Booking and Payment Form </a>

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • hakardesign
    Replied on June 6, 2017 at 5:20 AM

    Hi Ashwin,

     

    Thank you for seeing that code, yes im not sure how to best fix this because I feel like my CMS is putting this specific code in around whatever I add.

     

    Is there any way I can add in something that will isolate the Jotform code from being affected from these possible link additions?

     

    Any further help is appreciated.

     

    Kindest regards,

    Harris

  • candy
    Replied on June 6, 2017 at 7:34 AM

    Dear Harris,

    We're sorry for the inconvenience you have.

    I have investigated your website codes and I have seen that your web site codes affect the lightbox of JotForm. The button opens a new blank tab in every case that I test.

    As an another solution, you can consider not to use Lightbox version of JotForm. You can let your users click on the button and fulfill the form in a new tab. You can simply use the following code instead of Lightbox of JotForm:

    <a class="btn" style="margin-top: 16px" href="http://www.jotform.co/form/71508542528862"> Course Booking and Payment Form </a>

    I hope this helps.

    Thanks.

  • hakardesign
    Replied on June 7, 2017 at 7:41 PM

    Hi team,

     

    Thanks for the help, I managed to delve into my CMS backend and add a tag to fix this.

     

    All done, thanks again!

     

    Harris