Message-ID: <1793572499.395.1710817581282.JavaMail.ELSIE-CT-VM$@elsie-ct-vm> Subject: Exported From Confluence MIME-Version: 1.0 Content-Type: multipart/related; boundary="----=_Part_394_749653493.1710817581282" ------=_Part_394_749653493.1710817581282 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable Content-Location: file:///C:/exported.html The Publish Wizard

The Publish Wizard

The Publish Wizard makes it easy to make your calendar a dynamic= part of your own web site. You can either include your calendar as part of= an existing page, or link to a full-page interactive calendar (or put it i= n a frame). You can also preview what your published calendar will look lik= e. Get started by clicking the Publish button on the left-hand menu.

Step 1: = Choose the type of published calendar

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

A link to a full-= page calendar view

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

Responsive Iframe

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

Interactive mini-calen= dar

This calendar style is very useful for web sites that have restricted sp= ace. A small calendar appears on your site, and any dates that have events = are highlighted in a different color. When the user clicks a highlighted da= te, a pop-up window displays more information. Look at the HTML generated f= or this view style to learn about more customization

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 javasc= ript, this view may not work correctly.

Older Methods:

Fully-inter= active Javascript calendar

Although this method is still supported, we recommend the Respon= sive 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 i= n Step 2
  2. The calendar is not a "full page view". The HTML generated can be paste= d 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-of= f" when the calendar has a lot of events. On the positive side, this calend= ar style does display the month forward/background arrows.= This style is still supported, however we recommend the Responsive= Iframe style as a modern alternative.


For our more technical members

  • The "Static (non-interactive)" calendar style generates its output usin= g 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 e= xperiment with both to see what works best with your site.
Including Published Ev= ents

If you want to publish a calendar that contains a list of all events wit= hin a given range of a US zip code, check this setting. This is useful if y= ou have a site where you want include local content, but you don't want to = enter events yourself. It relies on all of the public events entered by oth= er nearby localendar users.

St= ep 2: Choose the style for your published calendar

You've already chosen how to include localendar on your site.. = but what will your visitors see? A month-block view? A list of eve= nts "Happening Soon?". Use the drop-down to make your selection from a vari= ety of calendar sty= les.

The Preview Area

This area shows a preview of what your published calendar will look like= , based on the option you selected in Step 2.

Note

The Preview only reflects the calendar style you select= ed in Step 2; it does not reflect the selection you made in Step 1. The exc= eption is if you selected the "Mini-calendar" view style.

Step 3: Generated HTML

The text box in Step 3 represents the HTML generated by localendar based= on your choices in steps 1 and 2. You should copy this HTML onto your webs= ite's page where you want your localendar (or link to it) to appear.

Please refer to Common Publishing Questions for further information.

------=_Part_394_749653493.1710817581282--