<!-- <<< IFrame Resize Attributes -->
<script src="iframeResizer/iframeResizer.min.js"></script>
<script type="text/javascript">
    iFrameResize({
        log: false,                  // Enable console logging
        enablePublicMethods: true,                  // Enable methods within iframe hosted page
        heightCalculationMethod: 'max',
        resizedCallback: function (messageData) { // Callback fn when resize is received
            $('p#callback').html(
                            '<b>Frame ID:</b> ' + messageData.iframe.id +
                            ' <b>Height:</b> ' + messageData.height +
                            ' <b>Width:</b> ' + messageData.width +
                            ' <b>Event type:</b> ' + messageData.type
            );
        },
        messageCallback: function (messageData) { // Callback fn when message is received
            $('p#callback').html(
                            '<b>Frame ID:</b> ' + messageData.iframe.id +
                            ' <b>Message:</b> ' + messageData.message
            );
            alert(messageData.message);
        },
        closedCallback: function (id) { // Callback fn when iFrame is closed
            $('p#callback').html(
                            '<b>IFrame (</b>' + id +
                            '<b>) removed from page.</b>'
            );
        }
    });
</script>
<!-- <<< IFrame Resize Attributes -->
<!-- <<< IFrame Resize Attributes -->
<script src="iframeResizer/iframeResizer.min.js"></script>
<script type="text/javascript">
    iFrameResize({
        log: false,                  // Enable console logging
        enablePublicMethods: true,                  // Enable methods within iframe hosted page
        heightCalculationMethod: 'grow',
        resizedCallback: function (messageData) { // Callback fn when resize is received
            $('p#callback').html(
                            '<b>Frame ID:</b> ' + messageData.iframe.id +
                            ' <b>Height:</b> ' + messageData.height +
                            ' <b>Width:</b> ' + messageData.width +
                            ' <b>Event type:</b> ' + messageData.type
            );
        },
        messageCallback: function (messageData) { // Callback fn when message is received
            $('p#callback').html(
                            '<b>Frame ID:</b> ' + messageData.iframe.id +
                            ' <b>Message:</b> ' + messageData.message
            );
            alert(messageData.message);
        },
        closedCallback: function (id) { // Callback fn when iFrame is closed
            $('p#callback').html(
                            '<b>IFrame (</b>' + id +
                            '<b>) removed from page.</b>'
            );
        }
    });
</script>
<!-- <<< IFrame Resize Attributes -->
Update dynamic IFrame size support settings.
Update dynamic IFrame size support settings.
