10 Developing the Calendar Page

1. On the Application home page, click 6 - Calendar to open the page in Page Designer.
2. Do one of the following:
   • Navigate to the Calendar page in the runtime.
   • In Page Designer, click the Save and Run Page button to view the page in the runtime.

To hide the calendar header and border with Live Template Options:

3. On the Developer Toolbar, click Quick Edit.
4. Hover your mouse cursor over the Calendar region and click the wrench icon in the top-right corner.
   The Live Template Options dialog appears.
5. In Live Template Options:
   1. Header - select Hidden but accessible
   2. Style - select Remove Borders
6. Click Save.

To enable drag and drop for projects in the calendar:

1. On the Developer Toolbar, click Edit Page 6 to return to Page Designer.
2. In the Rendering tree, locate the Calendar region under the Content Body folder.
3. In the Rendering tree under Calendar, select Attributes.
4. In the Property Editor:
   1. Settings: Primary Key Column - select ID
   2. Settings: Drag and Drop - select Yes
   3. Settings: Drag and Drop PL/SQL Code - delete the current contents, then copy and paste the following code:

      begin   update demo_tasks
        set start_date = to_date(:APEX$NEW_START_DATE, 'YYYYMMDDHH24MISS')
        , end_date = to_date(:APEX$NEW_END_DATE, 'YYYYMMDDHH24MISS')
        where id = :APEX$PK_VALUE;
      end;
      

      Tip:

      This PL/SQL code is copied from the example code on the Help tab, and then updated with the appropriate table name.

To add a link to Maintain Project for every item in the calendar:

1. In the Rendering tree under Calendar, select Attributes.
2. In the Property Editor, expand the Settings group and click the View / Edit Link button (No Link Defined).
   The Link Builder dialog appears.
3. In the Link Builder - View / Edit Link dialog:
   1. Page - select or enter 5
   2. Name - select P5_ID
   3. Value - select PROJECT_ID or enter &PROJECT_ID.
   4. Clear Cache - enter 5
   
   Description of the illustration GUID-A4046D3F-3178-49B5-91F3-C83E01CA6E00-default.png
4. Click OK.
5. Click Save and Run Page.