| InstantCal Setup |
| |
| Easy 1-Step Setup: |
|
Follow the instructions when you Create an Event Calendar to embed InstantCal into a web page.
|
| |
| Advanced Setup: |
|
Follow the instructions in the
IFrame, Link, or Button
to embed InstantCal into a web page and control the appearance and behaviour of InstantCal in detail.
|
| |
| 1. IFrame (classic) |
|
<iframe src='http://cdn.instantcal.com/cvir.html?file=http://www.instantcal.com/mycal.ics' scrolling='no' frameborder=0 height=600 width=600></iframe>
|
|
A) Copy the code above into the web page where you want the calendar to appear.
|
|
B) Replace the green text with a URI to your calendar file.
|
|
C) Change the brown text with height and width dimensions to fit your web page.
|
|
D) See the API for a description of detailed control options.
|
Advantages: No additional information is needed.
Disadvantages: Space for the entire IFrame must be reserved on the web page.
|
| |
| 2. Link |
|
<a href='http://cdn.instantcal.com/cvir.html?file=http://www.instantcal.com/mycal.ics'>View Calendar</a>
|
|
A) Copy the code above into a web page.
|
|
B) Replace the green text with a URI to your calendar file.
|
|
C) See the API for a description of detailed control options.
|
Advantages: No additional information is needed.
Disadvantages: The visitor must click on the link to display the calendar.
|
| |
| 3. Button |
|
<form>
<input type='button' value='View Calendar' onclick='window.open("http://cdn.instantcal.com/cvir.html?file=http://www.instantcal.com/mycal.ics", "blank")' />
</form>
|
|
A) Copy the code above into a web page.
|
|
B) Replace the green text with a URI to your calendar file.
|
|
C) See the API for a description of detailed control options.
|
Advantages: No additional information is needed.
Disadvantages: The visitor must click on the button to display the calendar.
|
| |