Displaying various page types in a Calendar web part

The Event calendar web part can not only display Event (booking system) pages, but also pages of any other type that have a date-time field. All you have to do is specify the date-time field in the Date field property of the web part. This way, you can, for example, display news in a calendar according to their publish date.

In the following example, you will learn how to use the Event calendar web part to display news from the News section of the sample Corporate Site.

To place the Event calendar web part and use it to display News items

1. Open the Pages application.
2. Select the News page in the content tree.
3. Place the Event calendarweb part on the page. A Web part properties (Event calendar)dialog opens.
   1. Show for page types: CMS.MenuItem; this ensures that the calendar will only be displayed in the list of news and not when a particular news item is viewed.
   2. Path: /News/%; path to the news pagesto be displayed.
   3. Event start field: NewsReleaseDate; news will be displayed in respective calendar days based on the value in this field.
   4. Page types: CMS.News; this ensures that only news pages stored in the path will be displayed.
   5. Skin ID: EventCalendar; skin applied to the calendar.
   6. Transformation: click the New button and create the following transformation: <a href=“<%# GetDocumentUrl() %>”><%# Eval(“NewsTitle”, true) %></a><br/>
   7. Content before: <div style=“width: 600px;”>; this just ensures that the calendar will have limited width so that it doesn’t span over the whole web part zone.
   8. Content after: </div>
4. Leave the rest of the properties at their default values and click Save & Close. The system places the web part on the page.

If you view the page in Preview mode, you can see  the calendar listing news items. The News pages are shown based on the date they were published.