Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Hi there!

I'm really hoping you can help me out.
I've got a bunch of advanced iframes on my clients site. You can see them in action here:

http://www.theinhousegroup.com/sales-listings/
http://www.theinhousegroup.com/rentals-listings/
http://www.theinhousegroup.com/living-off-the-l-train/
http://www.theinhousegroup.com/growing-out-of-your-condo/

The content inside the frames are responsive, but I do not have access to those domains. Although I do have access to the team creating that content.

I'd like to make the frame responsive, so on mobile it is one property wide. This is the original code for http://www.theinhousegroup.com/living-off-the-l-train/:



and this is the code I tried (using your code from this source:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/responsive-iframes#e20), but it's not responsive.



But it's not working.

Please help!!!

Have you read
http://www.tinywebgallery.com/blog/responsive-iframes-with-advanced-iframe-pro?

Because for a responsive iframe you need auto height working as well. And with your setup this is only working with the external workaround. Only with settings in the shortcode for the same domain this is not working....

Best, Michael

Yes I saw the link. Here's where I'm at:

The site I'm referencing is responsive (although there is some weird stretching of the images I need to talk to that team about): http://inhouse.realtymx.com/?page=properties&cat=37,51,77,78,79&ISCOMPANY=1&isMLS=1&STATUS=1,2

I took out all my specific measurements from my previous code and now my code is:



You can see it in action (below your responsive code):
http://www.theinhousegroup.com/test/

So, now it's responsive. Great! BUT.... For whatever width I do (800-200) I only get two listings across, not four, like the referenced page.

The height and width are what I was previously using to fit the height of the second screen of info (for example the above search link and then: http://inhouse.realtymx.com/Williamsburgh/Condo/46-South-2nd-Street-Brooklyn-NY/1007)

What should I set as the height and width so it looks like:
http://inhouse.realtymx.com/?page=properties&cat=37,51,77,78,79&ISCOMPANY=1&isMLS=1&STATUS=1,2

Many thanks for your help!

You do not use the external workaround.
You need to include the Javascript to the page inside the iframe. Please see:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-auto-height-and-css-modifications
first.

Best, Michael

Hi Michael,

I'm sorry, I don't understand. This is a bit more complicated than I am accustomed to.

Could you help with the structuring of the code that I need for the previous scenario I described in my last post? I can play with the numbers if they aren't right, but I'm not sure what the code should look like.

I have the pro version.

Many thanks!
Amber

You are on different domains (a subdomain is also a different domain). This means you cannot measure the height of the iframe directly.
I have implemented a communication channel where you need to include one line of Javascipt to the other page.

If you go to the administration there is a big section where this is explained in detail.

I also offer paid support ff you don't have the time to do this by your self.

Best, Michael

Hi MIchael,

What is the cost for you to implement the iframe to work inside the sites I referenced?

Many thanks.

Bumping this. I look forward to your response.

Sory for the delay. Please simply contact my by e-mail.
http://www.tinywebgallery.com/en/about.php

Best, Michael