Notifications
Clear all

Auto-resize height

5 Posts
2 Users
0 Reactions
1,085 Views
Posts: 12
Topic starter
(@connaronetime)
Active Member
Joined: 5 years ago

Hi there,

 

I've managed to get this page working here: https://onetime.sport/events/   using the following short code: 

[advanced_iframe src="https://www.tridentresults.com" width="100%" height="1400" show_part_of_iframe="true" show_part_of_iframe_x="0" show_part_of_iframe_y="66" show_part_of_iframe_width="100%" show_part_of_iframe_height="1400" show_part_of_iframe_allow_scrollbar_vertical="true" enable_ios_mobile_scolling="true" hide_part_of_iframe="r0,b0,100%,60,#000000,10" show_part_of_iframe_style="margin-bottom:-250px;" show_part_of_iframe_zoom="true"]

 

Can I auto-resize the height so that the double scroll bars are eliminated?

 

Thanks for your help,

Connar 

 

 

4 Replies
TinyWebGallery
Posts: 925
Admin
(@admin)
Prominent Member
Joined: 16 years ago

For auto height you need to use the external workaround -> you need to be able to add one line of Javascript to the other page. 

See: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-with-post-message

Best, Michael

Reply
Posts: 12
Topic starter
(@connaronetime)
Active Member
Joined: 5 years ago

Hi Michael,

 

I now have the external workaround working here https://onetime.sport/events/   and the page now auto-resizes! yay thank you.

But I now want to remove the nav and footer from the parent.

I've tried adding the following to Hide elements in advance settings, but it won't work:

 

.navbar yamm navbar-default navbar-static-top fixedheader,.fixedheader-spacer,#footer

 

Can you please tell me what I'm doing wrong?

 

Thanks

Connar

 

Reply
Posts: 12
Topic starter
(@connaronetime)
Active Member
Joined: 5 years ago

Shortcode I'm using: [advanced_iframe securitykey="MYKEY" src="https://www.tridentresults.com" id="advanced_iframe" enable_external_height_workaround="true" width="100%" scrolling="no" use_post_message="debug" multi_domain_enabled="true" ]

 

Resize remote iframe to content height = Yes

Reply
TinyWebGallery
Posts: 925
Admin
(@admin)
Prominent Member
Joined: 16 years ago

use_post_message="debug" multi_domain_enabled="true"

is part of the pro version. Which version do you use? 

Best, Michael

Reply