Notifications
Clear all

Iframe content not loading properly in safari

9 Posts
3 Users
0 Likes
814 Views
Posts: 4
Topic starter
(@stevec2017)
Active Member
Joined: 1 year ago

Update on my situation ... I think my problem is an excel 365 / one drive issue rather than advanced iframe. The blurring in Safari seems to be caused by me using some unusual iframe settings to avoid my embedded spreadsheet scrolling when I don't want it to.  If I set the iframe width to 100% (and have a spreadsheet area that fits my page) I cannot stop the spreadsheet scrolling to the left with just a blank area visible. This happens in all browsers. My fix for this is to set the iframe width to 100% and the 'show part of iframe width' to 500% (nothing less works). This stops the scrolling but unfortunately causes blurring of the contents of the cells in the spreadsheet in Safari, although not other browsers.

Does anyone has a solution to the excel scrolling problem? Thanks

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

Please add style="max-width:100%" to the iframe.

Can you also please share your shortcode

Best regards, Michael

 

 

Reply
1 Reply
(@stevec2017)
Joined: 1 year ago

Active Member
Posts: 4

Adding max-width does not make a difference. This is what I have:

src="https:**** &wdAllowInteractivity=False&ActiveCell='B13&AllowTyping=True&Item=b12%3Ak30&wdHideGridlines=True&wdInConfigurator=True"

height="700" width="100%" scrolling="no"
style="max-width:100%;"
show_part_of_iframe="true" show_part_of_iframe_x="0" show_part_of_iframe_y="0"
show_part_of_iframe_width="100%" show_part_of_iframe_height="480" show_iframe_loader="true"
show_part_of_iframe_allow_scrollbar_horizontal="false" enable_responsive_iframe=“true” ]

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

Please check your shortcode.  enable_responsive_iframe=“true” is different to enable_responsive_iframe="true".

The quotes you used there are special ones.

enable_responsive_iframe does actually already add the max-width:100%.

Did we not check your case by e-mail already?

Best regards, Michael

Reply
Page 2 / 2