+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: General Questions and Problems (http://get-simple.info/forums/forumdisplay.php?fid=16)
+--- Thread: PROBLEM Responsive iFrame (/showthread.php?tid=8819)
Responsive iFrame - Silvana - 2016-11-03
Hello. I start a new thread as rightly requested by shawn_a (http://get-simple.info/forums/showthread.php?tid=187&pid=58215#pid58215).
The problem is that if I load an iFrame, using the tool in the Advanced toolbar, this iframe is not responsive, even if the theme is responsive.
To make responsive all the iFrames, in my templates, I use this script (author Daniele Gili):
Code:
function adjustIframes(cb)
{
$('iframe').each(function(){
var
$this = $(this),
proportion = $this.data( 'proportion' ),
w = $this.attr('width'),
actual_w = $this.width();
h = $this.attr("height")
if ( ! proportion )
{
proportion = $this.attr('height') / w;
$this.data( 'proportion', proportion );
}
if ( actual_w != w )
{
// h : w = x : a
x = +h.split('px')[0] * +actual_w / +w.split('px')[0]
// $this.css( 'height', Math.round( actual_w * proportion ) + 'px' );
$this.css( 'height', Math.ceil(x ) + 'px' );
}
});
// alert('1')
if (cb) {cb()};
}Recalled with the line:
Code:
$(window).on('load resize', function(){adjustIframes();} )Alternatively, for a single iFrame, I made available for my users this application to configure the iFrame code:
https://github.com/jeffehobbs/embedresponsively
The new code can be put in GetSimple using a component, as explained in the old thread.
I hope this helps. There is a better way for GetSimple?