If you can see the image the red highlighted area is nothing but an iframe.
I have a table which has drawer and each drawer is having an iframe which loads another skuid page.
Every row of main table has drawer and every drawer has same iframe with same skuid page.
How to make the height dynamic. tried some code but its not working for all the rows. It’s like once the height we got that is what the height it’s displaying for all other rows.
So onload of iframe i am calling below function to make dynamic height
function onLoadOfIFrame(obj) { //obj is the id of the iframe which i am trying to pass. As every row have diff ids.
obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + ‘px’;
//var height = $(‘#’ + nid).height();
//$(‘#’ + nid).height(height);
}
But’s not working for all the rows. Anybody have any idea do share how to make it dynamic which works just like the (place a skuid page in drawer as page include).