PT Calendar2 Weekly Grid View Page

Back to Build Subsites, Templates and Pages

Overview

The Weekly Grid View page shows a full week in a grid style view.

To construct a Weekly Grid View page complete the following steps.

Steps

1. Create a CommonSpot page with a name of 'Weekly Grid All Events' using the Calendar template and place it in the Calendar subsite.
2. Since the this page is being created from the Calender Template which already contains the Calendar Custom Element and it is filtered for a Monthly view, the Filter will need to be adjusted to only display a week of events and the Weekly Grid View Render Handler will need applied.
3. Adjust the Custom Element Data Filter
   1. Click Render Mode in the element interface.
   2. If not selected, select Display existing element data (content reuse) on the Rendering Mode tab.
   3. Select the Filter tab.
   4. If not selected, select Filter Type to Show subset of records.
   5. If not selected, select the Field drop-down as the date field.
   6. If not selected, select the operator as Greater Than or Equals.
   7. Click the '...' button to open the ColdFusion expression window.
   8. Replace the month filter expression with the following text as the expression:
      1. application.ptCalendar2.Date.csDateFormat(request.ptcalendar2.firstOfThisWeek)
   9. If checked, uncheck the force cache checkbox.
   10. Click OK and then check the box to Ignore ColdFusion error
   11. Then click OK
   12. Now use the drop-down under the Date field and if not selected, choose AND
   13. In the second Field drop-down that appears if not selected, select date again.
   14. For the second operator if not selected, select Less Than or Equals.
   15. For the second value click the '...' button to open the ColdFusion expression window.
   16. Replace the month filter expression with the the following text as the expression:
       1. application.ptCalendar2.Date.csDateFormat(request.ptcalendar2.lastOfThisWeek)
   17. If checked, uncheck the force cache checkbox.
   18. Click OK and then check the box to Ignore ColdFusion error
   19. Then click OK
   20. Now use the drop-down under the second Date field and if not selected, choose AND
   21. In the Field drop-down that appears if not selected, select Approved
   22. For the third operator if not selected, select Equals.
   23. For the third value drop-down if not selected, select 1.
   24. For the Sort Order drop-down if not selected, select the Date field and choose Ascending
   25. Click OK on the render mode window.
4. Select the Week Grid Render Handler
   1. On the Calendar element indicator, Click More.
   2. Then the Custom Render Handlers menu option, and choose theView Events by Week Grid Render Handler.
5. Submit the Page.