#Mini calendar sharepoint 2013 code
#Mini calendar sharepoint 2013 download

So please wait until I get a SharePoint 2013 development environment. But I wanted to develop it as an app and publish it in the app store for SharePoint 2013.

I have tested this in an Office 365 SharePoint 2013 preview site and it works fine too. All the external JS files that are used are referred using their relative URL, so if your site URL comes after “/sites”, please change the reference URLs for all the JS files that are present in the top of the code.Ĭode: I have used the jQuery DatePicker control and SPServices to get this application done.If you want to retrieve from a different calendar list, please change the value of the variable “listName” from the code.

#Mini calendar sharepoint 2013 code

The code has been written to retrieve events only from a calendar type list whose title is “Calendar”.If you do not see the calendar control or the calendar control is not showing any events from the calendar list, please read the caveat points mentioned in the below section. Crossbeams Intranet Design Time And Weather, Cross Beam, Mini Calendars. Save the page to see the web part showing a jQuery calendar control synchronized with the SharePoint calendar events from the Calendar list in your site. See more ideas about sharepoint, sharepoint design, sharepoint intranet.Edit the CEWP and link it to the JS file called jQCalendarPart.js that was uploaded in the jQCalendarPart document.Create a Content Editor Web Part in your SharePoint site where you want to display this web part.Copy the files and folders from the unzipped jQCalendarPart folder in to the above created library.

#Mini calendar sharepoint 2013 download

Download the jQCalendarPart.zip file from here and unzip it.

Go to your SharePoint site and create a document library called “jQCalendarPart”.

Also when you hover over date “13” in the calendar you can see that a pop-up is being shown displaying the events of that particular date. Look at the below image for a better understanding: As you can see in the above image, cells 8, 9, 12, 13, and 14 are highlighted with a blue color border to show that these are the dates in the current month having events registered in the Calendar list.

You can also navigate to previous and next and months to view the respective months’ events.

The links when clicked would open the respective event’s view form page.

The dates when hovered over with the mouse, would display a small pop-up showing the respective date’s events.

The calendar control highlights the dates of all the events of the current month present in the Calendar list of the site.

This is a JavaScript application developed using jQuery. The JS code when added to Content editor web part in a SharePoint page, would display a jQuery calendar control synchronized with the SharePoint calendar list.

This would work in both SharePoint 2010 and SharePoint 2013. Introduction: This application is to integrate the jQuery Calendar control with the events added in a SharePoint Calendar list.