872 comments found.
Hello 
I want to buy your script…
I’m not sure to understanding.
If I have ad external site to put in a iFrame can I use my own CSS style locally on wordpress and NOT the original one on source site?
Waiting for your advice…
Best
NO. Because it is not YOUR site! You can only do something like this if you are able to modify this site.
I am testing the free version to pull in a coldfusion form. I can submit the form with no problems, but the form directs the user to a thank you page. Unfortunately that page is iframing in the full site (header, thank you page, footer) within the iframe area. With pro is there a way around this?
Are you one the same domain? The pro version gives you the ability to cut out a window. Please see the last entry here: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-faq In the image you see the additional settings in the pro version. there you can build a small workflow with different viewports. But here is never an optimal solution because the good case can be covered but the in case of an error you also get the new viewport.
No, we are not on the same domain.
Than read the section I offer in the pro version and decide if this is a way you could go. As I sad. If you are not on the same domain you have restrictions which you have to deal with…
Hello, I am trying to embed two excel documents which have been converted to an interactive linked Acrobat PDF for a WordPress 3.7.
Process: upload the two separate PDF files into the Media library.
Copy the url for the files.
Using shortcode, embed the pdfs into the WordPress Post.
Question: I would like the tool buttons (print, download) to disappear.
Why? Because the client does not want the file to be downloadable or printable. Is this even possible? Thanks for your advice!
Is that possible? And if so, how?
Thank you.
Do you have a fixed height/width? In the pro version you can only show part of the iframe. Can you provide an example page with the setup you have right now?
Hi, I have it at 100% for the width in a full-width iThemes framework page. I don’t mind if the other top elements show, I just want what is called div#toolbarViewerRight or the button id’s “Print” and “Download” to just disappear.
Or, I’m not really averse to the whole PDF tool set disappearing. It’s just one page per embed…and I don’t care if it’s just appearing as the file itself…nothing else. Does that make sense? BTW, I’m using Firebug to identify the elements. I can find the target element, then select
element.style { display:none; }
and the button disappears. Then, the next one. Gone. But wait! Just refresh and it’s back again! So, I really am frustrated. Here’s the test page: http://pacificfreedomfoundation.org/advanced-iframe-healthcare1-test/So have you used the hide elements of the advanced iframe already? e.g. enter .toolbar in there. Then the toolbar in the iframe should be gone because you are on the same domain. Make sure to use the options that modify the iframe content, not the parent.
Hello, do I need to have a Pro license to be able to do that? Thanks. I will try and see if that makes any difference.
No. You can test this in the free version also. See the description in settings when you need to upgrade.
Thank you. I just bought the license…but don’t know what I’m doing wrong. I placed
.toolbar
in the following:
>>Show only a part of the iframe Hide elements in iframe: .toolbar
Save.
Review. Nothing happens. I’m sure I’m missing something. M
P.S. This is what I’d like to make disappear: All the elements in the following div: #toolbarViewerRight
display: none;
But it won’t work in CSS. I’d like to make the printer icon, the download icon button and the open in a new window/copy button ALL DISAPPEAR.
As you can see, it’s still there: http://pacificfreedomfoundation.org/oregon-state-legislator-voted-healthcare-state-representatives/
Can you also try with #toolbarViewer? Maybe jquery has a problem with the class here. If it does not work. Can you send me the pdf? Simply contact my by e-mail. http://www.tinywebgallery.com/en/about.php
Check the e-mails you sent you. the browser do not handle your pdf the same way. Firefox uses the html but does not fire onload events. this could be solved with a custom version. But chrome does only include the pdf itself and there the normal pdf elements are shown as overlay which is browser specific which aou cannot change. So for a cross browser solution you need to have another input of the iframe.
Hi!
This is a pre-sale question. Sorry, I couldn’t catch the answer from the plugin explanations. Here is what I am asking… Let’s say I have a website built on Wordpress. I have many user profiles because it is user driven. Every user can put content in as custom post types. The users have whatever HTML websites somewhere else and with their individual domain names.
Can I use your plugin to generate iframe, which the user can paste into the code of their websites, so it can show the user posts from our website there?
Thanks!
No, The plugin is designed to work on your site and display content the optimal way on your site. Not on other users sites. You can provide a simple iframe template where you only insert the src which your users than have to use.
Thanks for the prompt response!
MDEMPFLE! Please help me – I’ve spent the past 2 hours of my evening trying to sort this and I just cannot work out what I’m doing wrong. I’m currently using the free version to see if I can get it to work and I can only promise I’ll buy the premium one if you can help me work out why the cross-domain iframe isnt resizing correctly… I have applied the correct var domain edit in the JS file and added the call on the page for the script (on it’s own and also tried in several places), but the frame is still tiny!
The domain is here:
http://dev.kre8server.co.uk/tax-guides/capital-allowances/I normally just buy and try with plugins, but I’ve already tried purchasing 2 other plugins which also haven’t worked, so wary to throw another $15 away without it working!
Thanks a lot,
James
Hi,
You have to include the script to http://www.ts-rc.co.uk/ard/detail_doc.asp?ID=774987&AID=2373&SID=10&FID=43543not into
http://dev.kre8server.co.uk/tax-guides/capital-allowances/The page you want to include seems very static. There you can set a fixed height. Or is this only an example?
The page you want to include has already a resize solution with postmessages. Seems this page is already included somewhere. Do you know where? Then this workaround could be used.
Best, Michael
Amazing thank you Michael – as promised I have purchased. The only error I have is I agreed with the customer compatibility back to I.E 8 and is doesnt seem to work on that… is there a workaround for this you know of?
Are you talking about the workaround in the advanced iframe pro? So are you able to modify the external page? The workaround in ai does not use postMassages but an iframe workaround that does work on all browsers.
Yeah to do cross-browser iframe height resizing. http://dev.kre8server.co.uk/tax-guides/capital-allowances/ This link is an example – it works on ie.9+ but ie.8 the height isnt working?
Interesting. The workaround itself should be supported from ie7 on. I check on my test installs…
Found the problem. IE 7 and 8 where not supporting the Javascript function trim and how I set a style. I have now defined this function and the style does also work with all browsers. I will include this fix in the next version of ai pro.
Hello Michael – thanks for getting back to me. I’m glad you’ve found the issue. In terms of the fix, I would really appreciate it if you could send across to be pre-update as the site is going to be pretty high traffic and on I.E it’s throwing up Javascript errors left right and center! My email is info@kre8designs.co.uk 
Kind regards,
James
No problem. I have to make a build first because there are really massive changes in the workaround. You can now also modify css by configuration. Hope I have time to do this on the weekend.
Hi, After updating to 3.7, I see this error showing up in the admin backend. Attempt to modify property of non-object in /home/mysite/public_html/wp-content/plugins/advanced-iframe/advanced-iframe.php on line 746
Hi, Seems they have changed this from version 3.6 to 3.7. I make the next version of ai pro wordpress 3.7 ready. Codecanyon will take a few days until it is online. If you like send me an e-mail directly and I send you an updated version of this file.
Continue from above…Also please make a diagram on a webpage with inframe box and show the x and y on this diagram. I am very confused about this so if you do diagram or picture with arrows showing the x and y which would be much better and it will help other members to use the “Show only a part of the iframe” option.
I’m currently setting up an example page where you can see this feature. You have to think of this feature like a window you place above the iframe. And there you specify the upper left corner (distance from the left (x) and distance from the top (y)) and also the height and width of this window.
Hi,
I looked in the instructions but still not able to achieve what I wanted. I would like the iframe to show the area around the translation box including the translate button on this site here. http://www.spanishdict.com/ Please tell me how. Thanksyou need to use the “Show only a part of the iframe” option. See my answer below.
can this plugin adjust both height and with automatically? (100% of containing element/div).
sometimes there’s much content, sometimes there’s not much content, I want to avoid iframe scroll bars, default browser scrollbar is fine.
yes. Please read the quick start guide. If you are on different domains you need to use the workaround which means you need to have access to the iframe page.
that means that if on different domains, i can only iframe content where i have write access, I cannot iframe another person’s page?
you can iframe other peoples page if they don’t have a specific header set (Please check with my free iframe checker). But if you want to resize the iframe to a dynamic height/width on a different domain you need to incude some Javascript there.
Hi , I have little issue : when I using iFrame Pro my footer disappear . Any advice ?
thanks Denis
You need to write more details. Do you have an url where I can see this? Best, Michael
Im sorry ! It was my stupid mistake : I put code ”#footer” into Hide elements option ! regards
So you now at least know that this feature works fine
.
Pre-Sales question:
I’m trying to style a form on another website (lead capture form), and can’t see how to do this—is it possible, or can you only style iframe content from the same domain?
Thanks!
This is not possible. you can only modify content from the same site. See the documentation in the settings of the plugin.
I assumed that was the case—thanks for the reply.
Hi mdempfle, First of all I want to thank you for that great plugin. We have tested it successfully in our website. Before launching our website, we would like to buy your plugin. I would please request you to answer my questions beforehand.
We have a website that is split to 4 languages – we have separate WP instances for these 4 languages. Also we have 2 environments, TEST and LIVE.
If we would buy the plugin, can we use the bought version in all the 8 instances?
Thanks for your support.
Einen schönen Tag wünscht Ihnen, autointegration
If you stick to the license this is not problem. Different languages and a test system is still a single system for me. Feel free to vote for the plugin if you are happy with it.
Hi, i just maked the test for iframe and it is ok. I use this page: www.seriska.net/mobile and i need to load in iframe this page: www.seriska.net/website/bookingreservations Both of website use wordpress, in real i need just lo load the content of the page of www.seriska.net/website/bookingreservations without the header and sidebar. Just the content. Please help me
In your case the easies way should be to use the “Options if the iframe is on the same domain” -> Show only one element and enter #content there. I also offer paid support if you need more help. Best, Michael
If this does not work (because of e.g. duplicate ids) you can also hide the header and the sidebar by hiding the header #header and the sidebar #sidebar-right . this you have to enter in “Hide elements in iframe”
I also recommend to set “Hide the iframe until it is loaded” to true because otherwise you can maybe see the whole frame for a millisecond before, because the modifications can only be done after the page is fully loaded.
Hi, thanks a lot, now it function well with your second suggest. Hide element. Best
Great. I’m working on some demos right now where I show the features. This makes it easier for everyone to do the same.
Yes with hidden setting function perfect. The only problem is that on smartphone do not resize the width. I create with mobile template the site where i load on same domain the page but i try a lot of setting, i do not see all the page loaded. You can see here: http://www.seriska.net/mobile/iframe Of course you have to check with a smartphone. I use iPhone. This template it is mobile template. Can you help me? Let me know. Thanks a lot
Set the iframe width to 100% and then make sure that your template is responsive and also the inner iframe does not have any fixed styles. If it has you can overwrite them in the plugin.
Hi. Both of template are responsive, I try a lot of setting but i do not understand why the font size of content text it is so Big. In real if you test the page (in a smartphone of course) that i load in my iframe, the font dimension correct. You can see here: www.seriska.net/website/bookingreservations (test with smartphone), i load this page in my iframe: www.seriska.net/mobile/iframe The iframe page not see all the content and also dimension of font are more Big. So i need to solve this little problem because i will use this iframe page only for smartphone. Let me know if you can give me some suggestions or if you can make for me and how much cost Let me know asap Best
Hi, i solve change some style.cssm Thanks a lot for your support. Yor plugin function perfect. Best
Great. Feel free to vote for the plugin.
Hi, i buy your plugin. I need to show only a part of oframe. I follow all the instruction but when i set from the admin use Show only part of the iframe and other setting, the page do not show nothing. I try all, i do not understand what i wrong. The domain is the same. I have tis website: www.test.com/mobile and i need to show a part of iframe from: www.test.com/website/page
Please help me, i buy the plugin for this reason
Thank you
What have you set? If you are on the same domain you have actually many options. You can even hide the header by modifying the css. Have you tried the free iframe checker: http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker. Do you maybe try to include a https site into a http page?
Hi, i just maked the test for iframe and it is ok. I use this page: www.seriska.net/mobile and i need to load in iframe this page: www.seriska.net/website/bookingreservations Both of website use wordpress, in real i need just lo load the content of the page of www.seriska.net/website/bookingreservations without the header and sidebar. Just the content. Please help me
Double post. Please check my answer on your other post.
I have upgraded to pro and still get this message:
You reached the view limit for this month. Please get the advanced iframe pro version. Go to the administration for details.
Please help.
Got it. That automatic update in WP is working against this plugin.
Sorry for this. I have already disabled the update warning in the plugin but this only works when this is active. I always send a new version to codecanyon first and when it is approved I upload the free version at wordpress. Wordpress does unfortunately remove all the files and replaces them. So if you have the issue again simply get the version from codecanyon again.
I installed Advanced iFrame Pro today and most everything is working fine. I have bumped in to one issue. I am trying to embed a text file from Pastebin. The iFrame is:
<iframe src="http://pastebin.com/embed_iframe.php?i=R2Q8UA9Y" style="border:none;width:100%"></iframe>
I added it to my page using the following:
[advanced_iframe securitykey="1234567890" src="http://pastebin.com/embed_js.php?i=R2Q8UA9Y"]
The iFrame shows up properly, but there is a “document.write(” that shows up at the begining and a “);” that shows up at the end that should not be there. You can see it on my live site here:
http://edutainmentlive.com/itprotv/test/Do you have any idea how I can remove that?
Thanks,
Don
This is correct. The document.write is in the page you want to include. Simply call http://pastebin.com/embed_js.php?i=R2Q8UA9Y directly and you see. The solution is to contact the owner of the page you want to include an fix this issue.
I’m surprised my non-profit site got over 10K visitors and its only the 19th. Wow. Last I checked analytics I recall it being in the ~1,300 range.
Anyway I just purchased the pro version. It seems I need to first uninstall the free version and then install the pro version. If so I’ll lose my current settings so I think I’m missing something.
I’ve downloaded the zip file. What is the correct process to upgrade from free to pro?
Hi. It seems analytics count unique visitors. The plugin count views. That is maybe the difference. I actually didn’t want to catch non profit sites. So I might have to increase this value. If you use FTP you can simply overwrite the files from the free version. Even uninstalling the free and installing the pro version is no problem because the settings are stored in the database. Please see also in the Update section of the documentation-advanced-iframe-pro.pdf
Gosh that was such a quick response!
I did not realize there was a pdf in the zip file. Thought it only contained plugin files. The upgrade is complete and everything went smooth. Michael, I appreciate your assistance… and your plugin.
This is for Toastmasters District 58 http://www.toastmasters-d58.org/ Our Sept 1-19 traffic is 879 visits, 662 uniques, 1,779 page views. The free version was functioning yesterday evening. Today I noticed the monthly limit notice.
When have you installed the free version? I’ll check if there are any problems with the counter or the reset of it
One issue could be that if you don’t have any pageviews in the first 2 days of a month the counter does not get reseted. But I thought that someone who has not his for 2 days does not have any problem with the limit.
Weekends have lower site traffic. In USA Sept 2 was a national holiday (Labor Day). That could explain extra low views because of a 3-day weekend. Just checked and confirmed Sept 1-2 had 52 visits, 47 uniques, 100 page views. I installed the free version around Aug 19-22 (best guess).
But 1 view should reset it. I’ll check if this is properly working. Thanks for the feedback.
Greetings, I’m using your plugin to display content from this site: http://www.hrdigitaltower.com/#-col1
The issue I’m having is that the iFrame needs to be restricted to some sort of landscape size, otherwise the site being embedded shows an error message.
The site where I’m embedding the content is a responsive design, so I need to be able to force the iFrame container to be responsive, but keep a landscape orientation (wider than it is tall). I’m sure there’s a way to do that, I’m just not sure how. Can you advise?
Thanks!
almost forgot – the iframe is embedded here: http://swellstudio.net/wp/custom-cabinets/ in the tab called “Hardware”. If you resize your browser, you’ll see the black screen with the message.
Thanks again!!
If I go to this page on the hardware tab I only see a fixed portion of this iframe. Resizing shows the same area. Have you changed anything already?
Ah, I think that’s an issue in IE only. So, now I have two questions – any way to make IE behave like other browsers? It looks like this in Chrome: http://awesomescreenshot.com/03d1q4i394
But seems like the website simply act likes this. So which feature do you use? You simply include the website with a certain height/width? And you want the website horizontal but when you use it with ie this “rotation screen” is shown. What might work is that you use the onload event to make the iframe higher dynamically.
It’s definitely tricky. The website I’m trying to embed is not mine (it’s a supplier site), and yes, it does give the annoying “turn your tablet” message any time the page/frame containing it is taller than it is wide. So, I’m trying to achieve two goals at once - 1) Allow the iframe to resize based on the space available in my theme to contain it, and 2) Prevent the iframe from ever being taller than it is wide (to avoid that message)
And, I’d also like to ensure that the iframe appears the same across browsers. As you pointed out, it’s restricted to a much smaller height in Internet Explorer than it is in Chrome or Firefox.
1. The frame would resize if you give it widht/height in % but than you also have to make sure that the area you include the iframe is able to have a dynamic height regarding the browser size. And this is not the case for most layouts! So most of the time a fixed height is the best solution. 2. The “turn the tablet” is nothing related to the iframe because this happens outside also. Another problem is that resizing the iframe dynamically does not help because resizing the iframe page seems to call this check again and you get this message. So you need to include it at least as square.
They implemented different solutions for different browsers (Or their solution only works for IE).
You can only show a part if the iframe by cutting away the navigation. But for me it seems you want the whole iframe.
Thanks for the response, but I am confused.
Even after looking at the instructions, I’m trying to determine where this script goes:
<script src=”http://WP-DOMAIN.com/wp-content/plugins/advanced-iframe/js/ai_external.js”></script>
I originally put in on the page IN MY OWN WP SITE with no results. There is no file called ai_external.js in the plugin folder itself. And, when I put that URL into my browser window, I get a 404.
Then, you wrote: “it needs to be included in the external page”
So, please help me out. The instructions and your response are unclear, and I’m keeping my fingers crossed that this will work with the additional script code added to my own page.
Disregard for the moment. I think I found the solution.
Working great (now that I’ve realized that I have to put a space in a field in order to clear it out), but I have a question
When I activate “Show only a part of the iframe” and choose an x and y amount, the scroll bars are moved that amount, too, and so the top scroll bar disappears too.
Is there a workaround?
ai_external is generated and if this is not possible you have to create it like described in the documentation. But as it seems this is not what you looking for. Show only a part of the iframe does show a part of an iframe. You define the upper left corner you want to show and the height and the width you want to show. I actually don’t understand what you mean with the scrollbars. Because you first define how big the iframe is. And then which part of this iframe you want to show. There are only scrollbars if you show a part of the iframe where the scrollbars in the iframe are. And normally you make the iframe so big that you don’t have any scrollbars there. Also be aware that not all of the different sections of the plugin can be used together. e.g. Show only a part of the iframe and auto-size the height don’t make sense.
are your questions now answered?
I entered the correct domain for my WordPress site in the ai_external.template.js, however, that file is not appearing when it should:
http://WP-DOMAIN.com/wp-content/plugins/advanced-iframe/js/ai_external.jsHere is the code in my page:
<script src=”http://WP-DOMAIN.com/wp-content/plugins/advanced-iframe/js/ai_external.js”></script>
[advanced_iframe securitykey=”MY CODE” src=”http://EXTERNAL-PAGE” onload_show_element_only=”#content”]
Am I missing something?
where is <script src=”http://WP-DOMAIN.com/wp-content/plugins/advanced-iframe/js/ai_external.js”></script>? it needs to be included in the external page. And is the ai_external.js not generated with the right domain name? Because for most installs this works without the need to change ai_external.template.js
Thank you. I understand now. I thought the script had to be on our own WP domain page. Therefore, I now believe I cannot select a portion of an page on an external domain without having access to that page. If correct, then the language on your Pro page is unclear.
No – you are using the feature to resize an iframe to the height of the content. To include a part of an iframe see: Please see the screenshot of the last FAQ here http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-faq There you can see how this feature can be configured. This is the “Show only a part of an external page” feature.