Notifications
Clear all

How can I show only a part of the page in the iframe

1 Posts
1 Users
0 Reactions
2,006 Views
TinyWebGallery
Posts: 923
Admin
Topic starter
(@admin)
Prominent Member
Joined: 16 years ago

Hi,

A common question is how can I hide a header and footer or how to show a specific part of an iframe.

Depending on the access you have to the iframe there is a different answer.

Please check the quickstart guide first that you understand which access/setup you have.

  1. If you are on the same domain you can simply hide the elements you don't like with iframe_hide_elements. See a working example here: http://www.tinywebgallery.com/blog/advanced-iframe/demo-advanced-iframe-2-0
  2. If you are not on the same domain but you can use the external workaround it also quite easy to do this. Please see working examples here and here.
  3. If you don't have access at all your options is to show only a fixed area of the other iframe. This feature is called "Show only a part of the iframe". This works fine for single pages! But if you have a workflow in the iframe it is getting complicated because also the content changes. The feature has a couple of options you can try but a perfect integration is normally only possible if you can use 2. You can also hide elements by placing divs over the iframe. This feature is called "Hide parts of the iframe". You have to keep in mind that the divs are fix! so if the content changes the div does not.

I hope this helps you to get the best integration possible.

Have fun using Advanced iframe,
Michael