Page tree
Skip to end of metadata
Go to start of metadata

Have you published a calendar on your web page, and on certain months the calendar appears "cut-off" at the bottom?

The most common answer is that you are publishing your calendar inside an <iframe> and the height of the iframe isn't big enough to show everything on your calendar. There 4 different solutions you can choose from:

1. (Best) Switch to the "responsive iframe" style. The HTML will make sure to always set the height of your calendar to exactly what it needs to display all of the events, no matter what device (desktop, tablet, phone) is being used

2. (Better) Switch to the "fully interactive embedded calendar" style. You can generate the HTML for this calendar using the Publish Wizard. The HTML will make sure to always set the height of your calendar to exactly what it needs to display all of the events

3. (Good) Increase the "height" value on the HTML you pasted onto your sight. For example, change this:

<iframe src="http://www.localendar.com/public/sample" height=600 width=700 marginheight=0 marginwidth=0 scrolling=no frameborder=0 border=0></iframe>

to this

<iframe src="http://www.localendar.com/public/sample" height=1500 width=700 marginheight=0 marginwidth=0 scrolling=no frameborder=0 border=0></iframe>

The drawback is, the iframe will always be 1500 pixels high, even when the calendar doesn't need that much room.

4. (Good) Add scrollbars to your iframe so that visitors can scroll down to see the rest of the calendar.

For example, change this:
<iframe src="http://www.localendar.com/public/sample" height=600 width=700 marginheight=0 marginwidth=0 scrolling=no frameborder=0 border=0></iframe>

to this

<iframe src="http://www.localendar.com/public/sample" height=600 width=700 marginheight=0 marginwidth=0 scrolling=yes frameborder=0 border=0></iframe>

  • No labels