You would think that if you created an iframe on your own domain and checked auto-height, this would give you dynamic resizing. Wrong. You must set your iframe wrapper height to 100%, then save.

See below...

iframe

  1. Crack open your favorite SSH/FTP client application or log in through cPanel
  2. Copy the file components/com_wrapper/views/wrapper/tmpl/default.php to templates/your_template/html/com_wrapper/wrapper/default.php
  3. Edit the file templates/your_template/html/com_wrapper/wrapper/default.php
  4. Replace the old script with the new script:
  5. Adjust var buffer to eliminate multiple scroll bars
Old Script
<script type="text/javascript">
function iFrameHeight()
{
	var h = 0;
	if (!document.all)
	{
		h = document.getElementById('blockrandom').contentDocument.height;
		document.getElementById('blockrandom').style.height = h + 60 + 'px';
	} else if (document.all)
	{
		h = document.frames('blockrandom').document.body.scrollHeight;
		document.all.blockrandom.style.height = h + 20 + 'px';
	}
}
</script>

New Script
<script type="text/javascript">
function pageY(elem) {
    return elem.offsetParent ? (elem.offsetTop + pageY(elem.offsetParent)) : elem.offsetTop;
}
var buffer = 50; //scroll bar buffer
function iFrameHeight() {
    var height = document.documentElement.clientHeight;
    height -= pageY(document.getElementById('blockrandom'))+ buffer ;
    height = (height < 0) ? 0 : height;
    document.getElementById('blockrandom').style.height = height + 'px';
}
document.getElementById('blockrandom').onload=iFrameHeight;
window.onresize = iFrameHeight;

</script>