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

  • Profile Image
    hakardesign
    Asked on June 05, 2017 at 09: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 with no effect.

     

    Any help appreciated.

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

  • Profile Image
    Kiran
    Answered on June 06, 2017 at 01: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. 

  • Profile Image
    hakardesign
    Answered on June 06, 2017 at 01: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>

     

  • Profile Image
    ashwin_d
    Answered on June 06, 2017 at 03: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 target="_blank" href="#" data-toggle="modal" data- 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!

  • Profile Image
    hakardesign
    Answered on June 06, 2017 at 05: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

  • Profile Image
    candy
    Answered on June 06, 2017 at 07: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" target="_blank" href="http://www.jotform.co/form/71508542528862" rel="nofollow noopener"> Course Booking and Payment Form </a>

    I hope this helps.

    Thanks.

  • Profile Image
    hakardesign
    Answered on June 07, 2017 at 07: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