lendingmili.blogg.se - Sharepoint 2013 mini calendar web part

#SHAREPOINT 2013 MINI CALENDAR WEB PART HOW TO#
#SHAREPOINT 2013 MINI CALENDAR WEB PART CODE#
#SHAREPOINT 2013 MINI CALENDAR WEB PART DOWNLOAD#

I have used the jQuery DatePicker control and SPServices to get this application working.

#SHAREPOINT 2013 MINI CALENDAR WEB PART CODE#

The code will not work if the list name is different since it has been hard coded. Please wait as I’m working on a fix to highlight all the dates which have events registered when a user is navigating to the next month.Īlso, the name of the Calendar list should be “Calendar”. The web part will not work if you try to navigate to the next month or to the previous month. So, I went ahead and used SPServices which resolved my problems to a great extent. This also had limitations, as I was able to retrieve only 30 events from the Calendar list in total which was not enough. Since it was not possible to retrieve recurring events using COM I had to use SharePoint list web services instead. Initially, I wanted to use SharePoint 2010 Client Object Model.

Also, when you hover over date “8” in the calendar you can see that a pop-up is being shown displaying the events of that particular date. Below the calendar you can see the list of upcoming events of the current week. Look at the below image for a better understanding:Īs 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.

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

Below the calendar control would be the list of all the upcoming events of the current week.

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

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

Below, the list of features are explained: The JS code, when added to a Content Editor Web Part in a SharePoint page, would display a jQuery calendar control synchronized with the SharePoint calendar list.

This is a JavaScript application developed using jQuery.

#SHAREPOINT 2013 MINI CALENDAR WEB PART HOW TO#

I received help from this blog on how to query a SharePoint Calendar list using CAML query but it still really drove me crazy. It was developed by using SharePoint Server Object Model as a SharePoint web part by extending the ASP.NET calendar control but I wanted to make a completely client side application with slight functionality. Inspiration:Ī similar application has already been developed and described here. This works in both SharePoint 2010 and SharePoint 2013. This application is to integrate the jQuery Calendar control with the events added in a SharePoint Calendar list.

#SHAREPOINT 2013 MINI CALENDAR WEB PART DOWNLOAD#

Also, I wanted to use JavaScript/jQuery over Silverlight to get rid of that ugly “time out” message and the unnecessary task for the end users to download the Silverlight plugin. I’d like to thank the Client Object Model in SharePoint 2010, which inspired me a lot though it was of no use in this application, unfortunately (but more on that later). I always wanted everything to work on a full-fledged client side application in SharePoint.

Editor’s note: Contributor SC Vinod is a SharePoint Developer at Hexaware Technologies.