1. Knowledge Base
  2. Developer APIs
  3. Javascript
  4. Cms Calendar Example

Cms Calendar Example

Displaying Calendar of Events 

Developer skills are needed, to understand the Javascript

to Create a custom calendar page, you can use Javascript based API calls, and built in calendar widget. Here are the steps:

Step 1: Go to CMS module from Site Admin->CMS

Step 2: Create a new Site Page, and name it something like calendar

Step 3: In the editor, go to the source view and add following Javascript code

 

<h1>Calendar</h1>

<div id="calendar">&nbsp;</div>

<script>

$(document).ready(function() {

                        $('#calendar').fullCalendar({

                                    editable: false,

                                    events: "../site/event.do?dispatch=eventCalendar&json=true&listStyle=SITE&pageSize=20"

                        });

                       

            });

</script>

Step4: Save Draft and Publish

Step5: Go back to CMS and Click on Publish to publish the newly created page, click on the view icon of the page to look the published version, which would be available at http://<your site>/oltpublish/site/cms.do?view=calendar 

 

 

 

Rating:
Previous
Next

Related Pages

Group Management
Javascript
Reports
Enrollment Management
Other
Introduction
Report
User Management
eCommerce

API Documentation

Examples

Client Example

Quick Links

 

Group Management
Javascript
Reports
Enrollment Management
Other
Introduction
Report
User Management
eCommerce

API Documentation

Examples

Client Example

Quick Links