Notifications
Clear all

Retaining Header and Footer while Removing IFrame Header and Footer

7 Posts
2 Users
0 Likes
1,532 Views
Posts: 10
Topic starter
(@cduncan1302)
Active Member
Joined: 3 years ago

Hi, wanting to strip the header and footer off of the page that I'm displaying in the IFrame and retain my header and footer.  I've tried a lot of combinations but not able to do.  Can you please assist?

6 Replies
Posts: 10
Topic starter
(@cduncan1302)
Active Member
Joined: 3 years ago

Here's the code:

[advanced_iframe use_shortcode_attributes_only="true" src="https://synexis.com/science/reports-data/" width="100%" height="100%" scrolling="auto" enable_ios_mobile_scrolling="true" style="position:fixed;z-index:9000;top:0px;left:0px;margin:0px" id="advanced_iframe2" name="Data" onload_scroll_top="iframe" hide_content_until_iframe_color="#ffffff" enable_responsive_iframe="true" content_id="html,body" content_styles="overflow:hidden" show_part_of_iframe="true" iframe_hide_elements="#header, #footer" use_post_message="false"]

The page can be viewed at https://www.impactiaq.com/data/

I need to be able to display my own header at the top, what do I need to insert?

Thank you!

Reply
TinyWebGallery
Posts: 875
Admin
(@admin)
Prominent Member
Joined: 15 years ago

Are you able to use the external workaround? 

What you can try is

http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/hide-a-part-of-the-iframe#e45

Or maybe also fullscreen iframes with header/footers is what you are looking for:

http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/advanced-height-features-with-headers-and-fullscreen-iframes

Is this what you are looking for? 

Best regards,

Michael

Reply
Posts: 10
Topic starter
(@cduncan1302)
Active Member
Joined: 3 years ago

Michael, I need to strip the header and footer off of the page in my iframe, and retain my header and footer.  Does that make sense?

Thank you, Chris

Reply
TinyWebGallery
Posts: 875
Admin
(@admin)
Prominent Member
Joined: 15 years ago

I know what you want. As you don't have access you cannot have a perfect solution.

This is why I posted e.g. the 1st link. There you could e.g. make a fullscreen iframe + 2 divs. one for the header and one for the footer. One aligned at the top. one at the bottom.
The parent does not know the content in the iframe. Therefore you have to place divs over the iframe. Like shown in the examples of link 1.

Best regards, Michael

Reply
Page 1 / 2