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

Do I need a webpage to share my calendar with others?

Not at all. Your public calendar has its own web address:

Many groups, churches, schools, etc choose to publish this direct address in their newsletters and flyers.

localendar will default to displaying a "month-block" style view at that URL, unless you select a different format.

Why aren't there Arrows on my Web Site?

Whether or not you see the arrows on your published calendar depends on how you have chosen to publish it. If you have selected the "fully interactive embedded calendar" from the Publish Wizard, your calendar will have the arrows. However, since this style relies on an inline frame within your page, it is possible that the calendar could be "cut-off" if it contains a lot of information (see the question below). The non-interactive (static) embedded calendar works differently. It doesn't use an inline frame, and it will always automatically expand or contract to fit the size of your calendar's data perfectly. However, with this view style, visitors cannot move between different periods.

Why is my Calendar "cut off"? (on the sides or bottom)

This situation occurs when you have published a calendar using the "my calendar in an <iframe>" embedded style. This style relies on an inline frame (iframe) to display your calendar. This frame has a fixed size, and if your calendar exceeds this size, it will be clipped or "cut-off" at the bottom or sides. There are a few remedies you can take:

  • Remove information to make your calendar shorter (for example, holidays or weather forecasts)
  • Increase the "height" and "width" settings on the HTML you pasted. Here is sample HTML for an embedded calendar:

    <iframe src="" height=600 width=700 
    marginheight=0 marginwidth=0 scrolling=no frameborder=0 border=0></iframe>

    Note the default height and width values of 600 and 700, respectively. You can increase these values until the iframe is large enough to display your calendar correctly.

  • Add scrollbars to your calendar. On the HTML above, note the section "scrolling=no". If you change that to "scrolling=yes", whenever your calendar's size exceeds the size of the inline frame, scroll bars will be added automatically.

Which method is right for you? It all depends on the design of your site, so please experiment and use the solution you like best.

May we also suggest using our new Responsive iframe option? It's a great way to include your calendar on your site since the height and width are set correctly automatically.

Why am I seeing HTML on my page instead of the calendar?

In you are seeing something on your site like this...

<script type="text/javascript" src="//"></script>
<iframe style="width:100%"; id="localendar-iframe" src="//"></iframe>

..instead of your calendar, then most likely you are using some type of Web Builder program or site, and when you paste in the code from localendar, it's being treated as text instead of HTML

The solution to this problem varies from program to program, but basically you need to understand how your particular application lets you paste Custom HTML into your pages. Consult your web builder's help for more information. Sometimes this topic is also referred to as "Custom Script", "Custom JavaScript", or "Adding Custom HTML". We can't provide support for every external website builder application out there, so you should also check with your program's provider.

Why does a particular calendar view not work on my site (Wordpress, Blogger, etc)?

Additionally, if you are using a third-party service to host your site (aka, a "Sitebuilder" tool), these services also sometimes impose custom CSS rules or Javascript that can mess up what localendar is trying to do.

We hear this question asked most often in connection with the Dynamic Mini-Calendar. That's one of our most complicated view-styles and it relies on a lot of Javascript and CSS.

What's the solution? If the site if totally under your control, make sure you are following a few best practices. If you are using jQuery, make sure it's the latest version (otherwise, you might be clobbering the version localendar uses). If you have written some custom CSS, make sure you are not applying blanket styles across the board.


.table {background:red;}

and then later...

<tr><td>This table has a red background!</td></tr>

Good CSS

.table redbg {background:red;}

and then later...

<table class="redbg">
<tr><td>This table has a red background!</td></tr>
  • No labels