Follow

Dynamic iframe Height

The Appt request code goes in the appointment header.
Parent_page_code is for people who haven't yet included the iframe.
Parent_bare_bones is for people who have included the iframe.
 
Appointment Header: 
 
<script type="text/javascript" src="http://appointmentcore.com/frontend/etc/custom/js/iframe-resizer/iframeResizer.contentWindow.min.js"></script>
 
Those who haven't yet included the iframe:
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://appointmentcore.com/frontend/etc/custom/js/iframe-resizer/iframeResizer.min.js"></script>


<iframe id='apptRequest' src="[AppointmentRequest Here]" width="80%" scrolling="no" style="border:none; margin:0 auto; display:block; height:400px;" frameborder="0"></iframe>

<script type="text/javascript" defer>
$('iframe').load(function(){ setTimeout(function(){
iFrameResize({
//log: true, // Enable console logging
checkOrigin:false,
enablePublicMethods: true,
});
//alert('test');
},2500);
});
</script>
 
Those who have included the iframe:
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://appointmentcore.com/frontend/etc/custom/js/iframe-resizer/iframeResizer.min.js"></script>


<script type="text/javascript" defer>
$('iframe').load(function(){ setTimeout(function(){
iFrameResize({
//log: true, // Enable console logging
checkOrigin:false,
enablePublicMethods: true,
});
//alert('test');
},2500);
});
</script>
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk