How do I get an iFrame to load into the Fancy box popup?

This topic has 3 replies, 2 voices, and was last updated 5 years ago by Rolf.

Viewing 3 reply threads

Author

Posts
- 19 May 2018 at 06:51 #12183
  
  Gregory Wrighton
  Participant
  
  As per title, how do I get an iFrame to load into the Fancy box popup?
  
  Any documentation would be helpful.
  
  Tried to add my code but will not save
  
  < a class=”button fancybox” href=”#contact_form_pop” >Contact Me
  
  < div class=”fancybox-hidden” style=”display: none;” >
  < div id=”contact_form_pop” >
  < div class=”iframe-loader” >
  < iframe style=”border:none;” name=iframe src=”http://my-iframe.com/whatever” width=”100%” height=”800″ scrolling=”no” frameborder=”No” > < /iframe >
  < /div >
  < /div >
  < /div >
  
  Thanks
- 19 May 2018 at 07:00 #12185
  Gregory Wrighton
  Participant
  Here is the code again in use – damn it it keeps dropping, removing code;
```
<a class="button fancybox" href="#contact_form_pop">Contact Me</a>


  
    
      
    
  </div>
</div>
```
- 19 May 2018 at 07:04 #12186
  
  Gregory Wrighton
  Participant
  
  All OK found the fix
- 23 May 2018 at 14:33 #12218
  
  Rolf
  Keymaster
  
  Hi Gregory, it looks like you are trying to load an iframe as Inline Content which will likely cause problems.
  
  The best way is to:
  1. Enable the iFrame option on Settings > Media
  2. Create a direct link (or button) to the desired content (that would normally be the SRC of the iframe)
  3. Give that link a class=”fancybox-iframe” attribute.
  
  You probably already found this in the FAQs 🙂
Author

Posts

Viewing 3 reply threads

You must be logged in to reply to this topic.