Notifications
Clear all

Hide Part of iFrame Not Working

6 Posts
2 Users
0 Likes
749 Views
Posts: 3
Topic starter
(@mrorange)
Active Member
Joined: 3 years ago

Hi. I briefly see the red rectangle (hide part of iframe) on page load, then the iframe content seems to cover it as if it has a higher z-index.

 

[advanced_iframe use_shortcode_attributes_only="true" src="my-url" width="1280px" height="2700px" marginwidth="30px" id="reviews_iframe" show_part_of_iframe="true" show_part_of_iframe_x="55" show_part_of_iframe_y="0" show_part_of_iframe_width="1217" show_part_of_iframe_height="2484" hide_part_of_iframe="hide_part_of_iframe='217,364,130,35,#ff0000,9999'" multi_domain_enabled="false" use_post_message="false"]

Examples

 
5 Replies
TinyWebGallery
Posts: 874
Admin
(@admin)
Prominent Member
Joined: 15 years ago

Please check your config: 

hide_part_of_iframe="hide_part_of_iframe='217,364,130,35,#ff0000,9999'"

is not valid. 

See working examples here: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/hide-a-part-of-the-iframe

You have defined a z-index of 9999. If your iframe has a higher index maybe because of your css you use, you need to increase this value.

Reply
1 Reply
(@mrorange)
Joined: 3 years ago

Active Member
Posts: 3

@admin Hi.  I had increased to 9999 in attempt to resolve the issue. Are you saying that I need to use a higher value than 9999?

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

It depends on your code. You need to check in the development tools what the z-index of the iframe or one of elements it is located in. 

Have you fixed the shortcode above? Then check with the developer tools. There you can simply play with the z-index and see what value you need. 

Best regards, 

Michael

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

Hello. I'm sorry, I don't understand what part of the shortcode needs to be fixed. I generated the code with Advanced iFrames Pro and pasted it in. I tried both the shortcode "[advanced_iframe]" and the longer version that I displayed above. Here is a screen recording of me trying to figure it out:  https://www.youtube.com/watch?v=ZdVSK7nto48

 

Does that help?

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

Hi,

Unfortunately there is no sound. 

But check my first comment! 

hide_part_of_iframe="hide_part_of_iframe='217,364,130,35,#ff0000,9999'"  is wrong

hide_part_of_iframe="217,364,130,35,#ff0000,9999"  is correct.

In the editor the shortcode parameter is shown like described on the top. In the adminstration you only have to add the content. 

Like you see here: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/hide-a-part-of-the-iframe

 

Best regards, Michael

 

 

 

Reply