# Calendar & Resource Planning

This field is used to visualize and manage data through a calendar view. There are multiple calendar views to choose from. It provides customizable way to manage schedules and resources, making it ideal for complex planning and tracking tasks.

### Initial Field Parameters for Calendar

<table data-header-hidden><thead><tr><th width="304"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Parameters</td><td>Description</td><td></td></tr><tr><td>Choose Calendar View Type</td><td><p>There are multiple calendar options to choose from. </p><p></p><p>Calendar Month View: This is a typical basic calendar.  </p><p></p><p>Vertical Calendar Month View: This is a type of calendar which shows the days of the month listed vertically. </p><p></p><p>Single Day Hours View: This is a type of calendar which divdes the day into one hour time slots.  </p><p></p><p>Resource Planning Views: See section for Parameters for Resource Planning below.</p></td><td></td></tr><tr><td>Select Bloc</td><td>Select the bloc in which you want to use data from.</td><td></td></tr><tr><td>Select Start Date/Time Field</td><td><p>This is the date from which the calendar will begin. You must create a Date/Time Selector field within the same bloc. This needs to be customized based on the Calendar View Type that you select in your Calendar &#x26; Resource Planning field. </p><p></p><p>For example, if you picked the standard Calendar Month View, then a Date/Time Selector with just a date would be sufficient. However, if you choose a Calendar View Type such as a Resource Planning View (Days and Hours - Full Week) then your Date/Time Selector Field would also need to include the time. </p></td><td></td></tr><tr><td>Select End Date/Time Field</td><td>Same logic as above. This is the date (and time if necessary) in which the calendar will run to. </td><td></td></tr><tr><td>Select Field for Label on the Calendar Item</td><td>This is what data appears on the calendar itself. The user can select any field within the bloc. </td><td></td></tr><tr><td>Choose height of records</td><td>The user can can set the height of the item (in PX) which appears in the calendar.</td><td></td></tr></tbody></table>

### Example of Implementation by Calendar Month View

<figure><img src="/files/QHM5UdIqaJUwjmYl6MnO" alt="" width="563"><figcaption><p>Calendar Month View</p></figcaption></figure>

<div align="center"><figure><img src="/files/8RtJbtstQf8lhIiUn57e" alt="" width="563"><figcaption><p>Start/End  Date/Time Selector Fields</p></figcaption></figure></div>

<figure><img src="/files/jc8GxBpNzdLug7yVcu8x" alt=""><figcaption><p>Records Added</p></figcaption></figure>

<figure><img src="/files/uW2U2a99gol546pzR2O1" alt=""><figcaption><p>Calendar Field</p></figcaption></figure>

### Resource Planning View Parameters

<table data-header-hidden><thead><tr><th></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Parameters</td><td>Description</td><td></td></tr><tr><td>Choose Calendar View Type</td><td><p>Resource Planning View (Days Only): This is a type of calendar that has days across the top  and on the left column you have data. Its similar to a gantt chart. </p><p></p><p>Resource Planning View (Days and Hours - Full Week): Same as above, however its broken into days and hours. </p><p></p><p>Resource Planning View (Days and Hours - Single Day): Same as above, but the planner shows only one day at a time. </p></td><td></td></tr><tr><td>Select the local data List field that controls the data on the left</td><td><p>This will show what will be displayed on the left column of the calendar.  </p><p></p><p>You will have to create another bloc in the module that will contain records. E.g. task1, task2, task3. </p><p></p><p>In the bloc which contains the resource planner, you will have to create a dropdown from bloc field which will give the user an option to select each task.</p></td><td></td></tr><tr><td>Select Field that matches the left hand side values</td><td>In your bloc, you will have to create a text field. You must input the value that is selected from your dropdown that controls the data on the left. These values must match. </td><td></td></tr><tr><td>Select Field that contains the colour for the item in the calendar</td><td><p>Possible for calendar items to be different colours, from the following list:</p><ul><li>red</li><li>green</li><li>yellow</li><li>blue</li><li>orange</li><li>sherpa blue</li><li>cyan</li><li>purple</li></ul><p>The selected colour must be inputted into a field text field called "Colour" and then selected from this dropdown parameter.</p></td><td></td></tr></tbody></table>

### Example of Implementation by Resource Plannning View (Days Only)

<figure><img src="/files/e6dz08DcW3Su6Eb4nyRZ" alt=""><figcaption><p>Resource Planning View (Days Only)</p></figcaption></figure>

<figure><img src="/files/gT3J4cmVANlASJ2y5Obl" alt=""><figcaption><p>Resource Planner Field</p></figcaption></figure>

<figure><img src="/files/oReOPR1SJkNAfbCgbE4p" alt=""><figcaption><p>Colour Example</p></figcaption></figure>

<figure><img src="/files/Hiq037bTgYvYUJnmKDX3" alt=""><figcaption><p>Data to appear on the left column</p></figcaption></figure>

### Optional Parameters

<table data-header-hidden><thead><tr><th></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Parameter</td><td>Description</td><td></td></tr><tr><td>Enter Start / Finish Time Custom Format</td><td><p>You can use this parameter to decide your own format for Select Start Date/Time</p><p>This will tell the format what to expect.  This can be created using php. </p><p>See the following link: <a href="https://www.w3schools.com/php/func_date_date_format.asp">https://www.w3schools.com/php/func_date_date_format.asp</a></p></td><td></td></tr><tr><td>Select Field for updating when value is dropped on a record</td><td>Using this parameter, its possible for a results box to drop data on an existing record and it will update the field in that record with the value you dropped in.</td><td></td></tr><tr><td>Apply Filters to the Data Look Up</td><td>When loading the calendar you can filter to only load matching fields. </td><td></td></tr><tr><td>Show Load Data/Refresh Button</td><td>Enables a button on screen which, when pressed, loads the calendar again.</td><td></td></tr><tr><td>Enable Zoom with pinch on mobile/tablet (Beta)</td><td>Allows user to zoom into calender on mobile with pinch.</td><td></td></tr><tr><td>Make Calendar Responsive</td><td>Makes it responsive on mobile for specific views.</td><td></td></tr><tr><td>Show Counts of records instead of individual records</td><td>Instead of showing the name of an item, it shows the number of records instead.</td><td></td></tr><tr><td>Automatically Load Full Screen on Calendar Initialisation</td><td>Enables full screen mode when bloc loads.</td><td></td></tr><tr><td>Show Single Day Hours View After Click On Date</td><td>Clicking a date in a month or week view drills down into the single day hours view for that date.</td><td></td></tr><tr><td>Show bloc pop up after clicking on the entry</td><td>This gives a pop up of the bloc, of where the data came from.</td><td></td></tr><tr><td>Send Extra Local Data to the Destination</td><td>When you update data on a calendar you can update data in another field after that. You can select the field and the field you want to update.</td><td></td></tr><tr><td>Apply Bloc Initialisation Actions</td><td>See the following documentation for reference: <a href="https://manual.blocworx.com/blocworx-documentation/bloc/the-blocworx-process-flow#stage-1-bloc-initialisation">https://manual.blocworx.com/blocworx-documentation/bloc/the-blocworx-process-flow#stage-1-bloc-initialisation</a></td><td></td></tr><tr><td>Refresh Calendar Button Text</td><td>Customise the label shown on the Load Data / Refresh button.</td><td></td></tr><tr><td>Show Bloc Pop Up After Clicking on an Entry (Allow Edit)</td><td>Opens an editable popup of the source bloc record when a calendar item is clicked.</td><td></td></tr><tr><td>Show Bloc Pop Up for Adding New Records</td><td>When clicking an empty cell, opens the source bloc as a popup for adding a new record instead of the calendar's built-in add dialog.</td><td></td></tr><tr><td>Show Counts Colour</td><td>Sets the colour of the count badges when Show Counts of Records is enabled.</td><td></td></tr><tr><td>Apply Field Actions (Parameters, Rules, Live Field Activity)</td><td>Runs field-level rules and calculations on records created or updated through the calendar.</td><td></td></tr><tr><td>Apply Pre Submit Data Features (Cross Bloc Updates, Mail Alerts)</td><td>Triggers cross-bloc updates and mail alerts when records are created or updated through the calendar.</td><td></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://manual.blocworx.com/blocworx-documentation/bloc-editor/fields-tools-and-charts/sub-blocs-tools-components/calendar-and-resource-planning.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
