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.