Adjust the size of a frame based on content

[Master]

I have a report with print option enabled. I have embedded an iframe on this report which has scroll bar and when I print this page I do not see all data how can I have it on max height based on content?

[MayMusic]

Modify the frame code you have in your parent report to pass the unique identifier of the parent report through the link, so you need to select "[@field:Parent_ID]" from picker in the code below and also replace "https://xx.caspio.com/dp.asp?AppKey=APPKEY" with the actual URL of the child report:

<iframe id='cbframe[@field:Parent_ID]' src="https://xx.caspio.com/dp.asp?AppKey=APPKEY&Parent_ID=[@field:Parent_ID]" style='width:200px;'></iframe>

On the same page, parent report add the following code to the header:

<script type='text/javascript'>
function iframeLoaded(element_id){
var iframe = document.getElementById(element_id);
var padding = 16;
var height = iframe.contentWindow.document.body.scrollHeight + padding;
iframe.style.height = height + "px";
}
</script>

 

In the child report add the following code to the footer, this is the page that show as iframe.
 

<script type='text/javascript'>
var cb_parent_id = "[@Parent_ID]";
window.onload = function(){

window.parent.iframeLoaded("cbframe"+cb_parent_id);

};
</script> 

The only code that needs to be modified is the very first one in iframe code, you do not need to change anything in JS codes.