Internal‎ > ‎Event Management‎ > ‎Event Calendar‎ > ‎

Deploying the Event Calendar

The Event Calendar is the starting point for students registering for an event. The calendar is designed to be integrated with your existing web site using an iFrame. 

Note: As of 8/23/2013 the Event Calendar has only been tested and confirmed for capability within an iFrame when viewed within Internet Explorer. Other browsers -- including Safari and Google Chrome -- may yield differing results. It is recommended that clients view their calendars (inside of iFrames) within alternate browsers and, if needed, add text to their web page such as: "If you are unable to see the calendar below, please click on this link." Then, have the link re-direct visitors to the stand-alone calendar. 

Deploying Events in an iFrame
There are three key pieces of information required to successfully deploy within an iFrame: size, source, and style.
  • Size: Your iFrame should be set to width=800 and height=600.
  • Source: Your iFrame source should be set to your calendar URL. This is available by opening the Event Category. This URL is the address for the calendar.
  • Style: Your iFrame can display scroll bars, borders, and specific colors using the parameters below.

iFrame Sample Code

The following code shows a typical iFrame within HTML:
<iframe name="events" style="border:0px" scrolling=auto width=775 height=600 align=top frameborder=0
 
src="http://em.422x.com/mcwayward/admissions/calendar.aspx"></iframe >
</p>
 
The example above shows the following parameters:
  • Name: this is the name used within your HTML code and can be anything you'd like. This name doesn't display to the user.
  • Border: this changes the border style used around the frame. First is the border size defined in pixels, next comes the style of the border (standards include dotted, double, dashed, solid, groove, ridge, inset, outset), followed by the color (defined using hexidecimal numbers such as #3300FF or standard web colors of aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow).
  • Scrolling: this determines when and if scroll bars are displayed within your iFrame. We recommend setting this to auto as shown above. The content of your window typically will not require scroll bars but if your customized content (such as Sessions and the Thanks Page) requires more than 600 pixels of height, a scroll bar will display. Other options for scrolling are Yes (scroll bars always appear) or NO (scroll bars never appear).
  • Width/Height: the typical settings for this are 775x600 to display the calendar and typical registration form content.
  • Align: this determines the location of the iFrame on your page. Options include top, middle, bottom, left, and right. Select whichever options best fits your page.
  • Frameborder: this will display, if desired, a standard 'window' frame around your iFrame. To display the frameborder, change this value to 1. To hide the frameborder, the value should be 0.
A sample page is attached to this article as a reference. To utilize the sample page, be sure to change the Source to match your calendar address. 

Event Calendar Style

To update the style of the calendar, refer to this article

ċ
iFrame_calendar.txt
(0k)
Tina Bishop,
Apr 25, 2013, 9:10 PM
Comments