Javascript RSS Calendar
Calendar and Calendar Events Options
- feed: location of the xml feed. The feed must end with ".xml". Feed can also be located on another website.
- maxEvents: maximum number of events to display for the events list.
- eventsRedirect: url where the calendar events are displayed. Used only for pages where there is a calendar displayed and no events and you want to send the user to the separate full calendar page upon clicking on a day.
- eventStartDate - Initial Events Start Date (should be either the default Date or the first day of the current month).
- eventNumberOfDays - Initial Number of Events to Display. The default is 7.
- sort: either "asc" or "desc" to sort the events in ascending or descending order.
- showEventDesc - Either "true" or "false". Whether to show the description or not
- eventDescLength - Length of characters in the description to display before showing a Read More link.
- showHeading - Either "true" or "false". Whether to show or hide the events heading.
Calendar Language Options
- eventStartHeading - The heading to display in the events when the calendar first loads
- dayList - Days of the week abbreviations (comma delimited, sun - sat)
- monthNames - Months of the Year (comma delimited)
- monthUpTitle - Text for screen reader
- monthDnTitle - Text for screen reader
- noEventsMsg - Default message if there are no events to display.
- maxEvents - Max number of items per page
Assets
Calendar Assets
-
Calendar (designed to have events on the same page)
You must give at least a "feed" attribute to let the script know where to look for the items.
<calendar feed="http://status.uga.edu/rss/feed.xml" maxEvents="5" eventNumberOfDays="12" /> -
Calendar Only
You must give at least a "feed" and "eventsRedirect" attribute to let the script know where to look for the items and where to go to when event days are clicked.
<calendar-only feed="http://status.uga.edu/rss/feed.xml" maxEvents="5" eventNumberOfDays="12" eventsRedirect="/about/calendar/" />
Events Assets
-
Events Only
Note: This asset won't work without attributes giving the Javascript options.
<calendar-events-only feed="http://status.uga.edu/rss/feed.xml" maxEvents="5" eventNumberOfDays="12" showPagination="true" eventDescLength="100" /> -
Events (designed to have a calendar on the same page)
Note: there are no attributes to this tag.
<calendar-events />
PCF File Example
Here is a basic example. This is just a basic interior page with a calendar asset and an events asset inserted. If you are inserting both a calendar and an events asset, use the "Calendar (designed to have events on the same page)" asset and the "Events Assets". Otherwise you want to use either the "Calendar Only" or the "Events Only" asset.
It is also highly recommended to install and use the Assets gadget created by OU and available in their marketplace.