Introduction:

This is my 2nd SharePoint client side web part application that I have developed using JavaScript\jQuery.  You can find the first application that I had created over here. This application is to integrate the published dates of the approved posts in a SharePoint Blog site with the jQuery calendar control.

Description:

This is a JavaScript application developed using jQuery. The JS code when added to a Content editor web part in a SharePoint page, it would display a jQuery calendar control synchronized with the SharePoint blog posts dates. Below are the lists of features:

  1. The calender control highlights the dates during which approved blog posts were published in the SharePoint blog site.
  2. The dates when hovered would display a small pop-up listing down link to the corresponding date’s blog posts that were published.
  3. The links when clicked would take you to the respective blog post's page.
  4. You can also navigate to the previous and next month in the calendar to see the corresponding month's data in a similar way as explained above.

Look at the below image for a better understanding:

As you can see in the above image, cells 1, 6, and 31 are highlighted with a blue color border to show that these are the dates in the current month having blog posts published. Also when you hover over date ‘6’ in the calendar you can see that a pop-up is being shown displaying the links to the posts published on that particular date.

Code:

I have used the jQuery DatePicker  control and SharePoint list web service to get this application done. I have tested this in an Office 365 SharePoint 2013 preview site and it works fine too. But I wanted to develop it as an app and publish it in the app store for SharePoint 2013. So please wait until I get a SharePoint 2013 development environment.

I have explained the deployment process in the documentation section.

Kindly mail me to s.c.vinod@gmail.com if you have any doubts or issues or you can also post a comment in my blog.

 

 

 

Last edited Mar 13, 2013 at 11:41 AM by scvinod, version 11