Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Step 1: Choose the type of published calendar

There are several different ways to publish your calendar, and each has its advantages and limitations.

...

This is the simplest way to publish your calendar; the Publish Wizard will create the HTML for a link to a full-page view.

...

Responsive Iframe

This style is different than the full-page view in two ways

...

the preferred method for embedding an interactive calendar onto an existing page on your website

Interactive mini-calendar

...

This style is one of the more advanced but technically demanding ways to publish a calendar. If your web page contains poorly written CSS or javascript, this view may not work correctly.

...

titleFor our more technical members
  • This "non-interactive" calendar style generates its output using Javascript. If you place it in a table cell or <div>, the page will expand or shrink to fit the calendar's content. This flexibility comes at a cost; this type of calendar will not have the forward/backward arrows.

...

Older Methods:

Fully-interactive Javascript calendar

Although this method is still supported, we recommend the Responsive Iframe method above

Static (non-interactive) View

This style is different than the full-page view in two ways

  1. The calendar will not display the forward/back arrows. It always shows the current period (Month/week/day) you select in Step 2
  2. The calendar is not a "full page view". The HTML generated can be pasted into an existing page. This style works well when you want your calendar to be part of another page
Basic Iframe

The "basic iframe calendar style" which uses a non-responsive <iframe> with fixed height/width settings. If you don't adjust the height/width settings to fit your calendar, you might find that portions become "cut-off" when the calendar has a lot of events. On the positive side, this calendar style does display the month forward/background arrows. This style is still supported, however we recommend the Responsive Iframe style as a modern alternative.


Tip
titleFor our more technical members
  • This "non-interactive" calendar style generates its output using Javascript. If you place it in a table cell or <div>, the page will expand or shrink to fit the calendar's content. This flexibility comes at a cost; this type of calendar will not have the forward/backward arrows.
  • Each style has its advantages under certain circumstances. You should experiment with both to see what works best with your site.
Including Published Events

...