Follow

Adjust Height of iFrame

If you have an iframe that is either cutting off lengthy content (creating a scrollbar on the frame) or is too long for the content it contains, you can override it's height by changing it to a specific # of pixels so it appears they way you want.

Here is how to adust the height of an iframe using this example iframe code:

Notice it says "height: 500px" towards the beginning of the code . That number can be adjusted up or down until the iframe presents correctly.

<iframe src="https://cfl.zenplanner.com/zenplanner/portal/calendar.cfm?type=Calendar&FRAME=true" style="width:100%; height:500px;" frameborder="0" id="idZenPlannerFrame"> 
<a href="https://cfl.zenplanner.com/zenplanner/portal/calendar.cfm">Online Calendar</a> 
</iframe> 
<script src="https://cfl.zenplanner.com/zenplanner/skin/js/resize.js"></script>

 

If you try to adjust your iframe, but it still isn't working out right, just reach out to our customer advocate team for some extra help.

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk