Difference between revisions of "PT Calendar2 Weekly Grid View Page"

From ADF Docs
Jump to: navigation, search
(Steps)
 
(One intermediate revision by the same user not shown)
Line 8: Line 8:
 
== Steps ==
 
== Steps ==
 
# Create a CommonSpot page with a name of 'Weekly Grid All Events' using the Calendar template and place it in the Calendar subsite.  
 
# Create a CommonSpot page with a name of 'Weekly Grid All Events' using the Calendar template and place it in the Calendar subsite.  
# 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 Weekly Grid View Render Handler needs to be applied and the Filter adjusted to only display a week of events.
+
# 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.
 +
# Adjust the Custom Element Data Filter
 +
## Click '''Render Mode''' in the element interface.
 +
## If not selected, select '''Display existing element data (content reuse)''' on the '''Rendering Mode''' tab.
 +
## Select the '''Filter''' tab.
 +
## If not selected, select Filter Type to '''Show subset of records'''.
 +
## If not selected, select the '''Field''' drop-down as the '''date''' field.
 +
## If not selected, select the operator as '''Greater Than or Equals'''.
 +
## Click the '...' button to open the ColdFusion expression window.
 +
## Replace the month filter expression with the following text as the expression:
 +
### application.ptCalendar2.Date.csDateFormat(request.ptcalendar2.firstOfThisWeek)
 +
## If checked, uncheck the ''force cache'' checkbox. 
 +
## Click '''OK''' and then check the box to '''Ignore ColdFusion error'''
 +
## Then click '''OK'''
 +
## Now use the drop-down under the '''Date''' field and if not selected, choose '''AND'''
 +
## In the second '''Field''' drop-down that appears if not selected, select '''date''' again.
 +
## For the second operator if not selected, select '''Less Than or Equals'''.
 +
## For the second value click the '...' button to open the ColdFusion expression window.
 +
## Replace the month filter expression with the the following text as the expression:
 +
### application.ptCalendar2.Date.csDateFormat(request.ptcalendar2.lastOfThisWeek)
 +
## If checked, uncheck the '''force cache''' checkbox. 
 +
## Click '''OK''' and then check the box to '''Ignore ColdFusion error'''
 +
## Then click '''OK'''
 +
## Now use the drop-down under the second '''Date''' field and if not selected, choose '''AND'''
 +
## In the '''Field''' drop-down that appears if not selected, select '''Approved'''
 +
## For the third operator if not selected, select '''Equals'''.
 +
## For the third value drop-down if not selected, select '''1'''.
 +
## For the '''Sort Order''' drop-down if not selected, select the '''Date''' field and choose '''Ascending'''
 +
## Click '''OK''' on the render mode window.
 +
# Select the Week Grid Render Handler
 
## On the '''Calendar''' element indicator, Click ''More''.   
 
## On the '''Calendar''' element indicator, Click ''More''.   
 
## Then the ''Custom Render Handlers'' menu option, and choose the''View Events by Week Grid'' Render Handler.
 
## Then the ''Custom Render Handlers'' menu option, and choose the''View Events by Week Grid'' Render Handler.
 
# Submit the Page.
 
# Submit the Page.

Latest revision as of 13:51, 10 May 2010

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.