responsive iframe

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
alexoliveira
 
 
Posts: 156
Joined: Fri Oct 01, 2021 5:12 am
Contact:

Re: responsive iframe

Post by alexoliveira »

Could you send me the demo .wbs in zip to get a better idea?

page that will appear inside the iframe:
https://adm.jbastosimoveis.com.br/imove ... eview=true
You can check that within the code I added it correctly as stated.

where is the iframe located that I would like to work the way your demo is working
https://jbastosimoveis.com.br/imoveis/7341.php

I also uploaded the files as mentioned in your tutorial
S.A
User avatar
crispy68
 
 
Posts: 2749
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: responsive iframe

Post by crispy68 »

There is not really a demo I can send you. Simply follow the steps I laid out.

Step 1, simply open up your WB project, go to the page with your iframe and add the code I gave you.

Step 2, this code has to be added to the html page within the iframe. You will need to add this manually. Most hosts have an editor that you can open up the page online and add the code.

Step 3, you will need to upload these files (found in the folder you download from Github for IframeResizer) and upload to your .js folders for each site (the iframe site and the property site).

I looked at your first links source file and I don't see where you added the code needed to call the .js file. Also, did you upload the .js file to the server? (step 2)

As for your 2nd link above, I see where you added the script but you are missing the '#' for the ID. You have 'iframe' and it should be '#iframe'. (step 1)
alexoliveira
 
 
Posts: 156
Joined: Fri Oct 01, 2021 5:12 am
Contact:

Re: responsive iframe

Post by alexoliveira »

Thank you all for your team support, thank you very much.. It's an honor to always be part of this family.. Special thanks to Crispy68 for the special support and dedication to solving my problem, you guys are incredible!
S.A
alexoliveira
 
 
Posts: 156
Joined: Fri Oct 01, 2021 5:12 am
Contact:

Re: responsive iframe

Post by alexoliveira »

Guys, I'm trying to install it on this other website, and it's not working, can anyone give me feedback on what it could be?

website:
https://peixariablackfish.com.br/

iframe:
https://peixariablackfish.com.br/app/fish
S.A
User avatar
crispy68
 
 
Posts: 2749
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: responsive iframe

Post by crispy68 »

At first glance, it looks as though you did not place the scripts in the correct spot.

1. On the webpage with the iframe, you need to make sure that the script is placed before the </body> tag. You have it in the <head> section. You may want to set in the options to move javascript to the end of the page.

2. On the page that shows up in the iframe, you have the script in the <head> section again. It needs place before the end </body> tag also.

These are both stated in my previous post.
alexoliveira
 
 
Posts: 156
Joined: Fri Oct 01, 2021 5:12 am
Contact:

Re: responsive iframe

Post by alexoliveira »

Could you please consult again, I'm using the same way as in:

https://jbastosimoveis.com.br/imoveis/7341.php
S.A
User avatar
crispy68
 
 
Posts: 2749
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: responsive iframe

Post by crispy68 »

Your first site is not the same as the 2nd site you are having issues with. As stated in my last post, you have the scripts in the wrong place. Please make sure you added it the same way as you did the first site.
alexoliveira
 
 
Posts: 156
Joined: Fri Oct 01, 2021 5:12 am
Contact:

Re: responsive iframe

Post by alexoliveira »

I updated it and check that I added it in the correct locations, can you help me by letting me know where I can add it to make it work?

http://www.peixariablackfish.com.br
S.A
User avatar
crispy68
 
 
Posts: 2749
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: responsive iframe

Post by crispy68 »

So the 2 issues I see are this:

1. on the page with the iframe, you have only have part of the code at the bottom of the page. It should look like this:

Code: Select all

<script type="text/javascript" src="js/iframeResizer.min.js"></script>
<script>iFrameResize({}, '#InlineFrame1')</script>
You have:

Code: Select all

<script type="text/javascript" src="js/iframeResizer.min.js"></script>
The rest of the code is placed in a external .js file (index.js) which should work but the call to this file is in the <head> section. Go to Tools--> HTML and in the javascript section click "Move JavaScripts to the end of the page" which should move the .js code to the end of the page.

2. On the page that is to appear in the iFrame, it looks like the <script> is inside a layout grid and not at the end of the page before the </body> tag. Remove the html box from the grid and make sure it is set to Type=Before </body>.
Post Reply