cs-icon.svg

Calendar App Installation Guide

The Calendar is a Full Page Location app that displays the Workflow tasks, entries, and releases in a Calendar format. The app enables you to view all the events in the Calendar app quickly. You can view all the details of the scheduled events within your Contentstack environments. Also, you can apply various filters to view the events.

Contentstack Marketplace lets you integrate the Calendar app directly into your headless CMS. You can easily use this app to view the workflow tasks and scheduled events, such as Publish Entries and Releases of your stack in a Calendar view.

Prerequisites

Let's follow this step-by-step guide to install and configure the Calendar app within your stack.

Steps for Execution

  1. Install and Configure the Calendar app in Contentstack Marketplace
  2. Use the Calendar app within your Stack
  1. Install and Configure the Calendar app in Contentstack Marketplace

    Follow the steps to install the application in Contentstack.

    1. Log in to your Contentstack account.
    2. In the left-hand side primary navigation, click the Marketplace icon to go to the Marketplace.
      Marketplace_Icon
    3. Click Apps from the left panel.
    4. Within the Marketplace, you can see all the available apps. Hover over the Calendar app and click Install App.
      Calendar-App
    5. In the popup window, select the stack where you want to install the Calendar app and click the Install button.
      Calendar-App-Install
    6. On the UI Locations tab, you can see the predefined app locations. You can use the toggle button corresponding to each UI location to enable or disable it based on your requirements. Calendar-UI-Locations
    7. Note: No additional configuration is required to use the Calendar app.

  2. Use the Calendar app within your Stack

    Note: Calendar is a Full Page Location app. For more information, refer to the Full Page Location documentation.

    To use the Calendar application in your stack, follow the steps given below:

    1. Log in to your Contentstack account.
    2. Now, go to the stack dashboard. In the left-hand side primary navigation, you will find the Calendar app icon (as shown below).
      Calendar-App-Icon
    3. Click the app icon to view the Calendar app within your CMS.
      Calendar-Authorize-Full-Screen
    4. You first need to authorize the app by providing access to your stack. Click the Authorize button to start using the app.
      Calendar-Authorize
    5. In the popup window, click the Authorize button again to authenticate the Calendar app.
      Calendar-Install-And-Authorize
      The Calendar app shows the total number of events scheduled per day. By default, the Calendar app highlights today's date and displays today's scheduled events in the right-hand side panel.
      Calendar-Board
      The app uses color codes and icons to differentiate the Task, Publish, and Release events. The workflow task remains always on top, and the scheduled events include all the publishing entries and releases to be deployed. Scheduled events are sequenced based on the time of publishing.
      Calendar-Events-Color-Code-And-Icons

    Additional Resource: For more information about Task, Publish, and Release, please refer to the Workflow Tasks, Publish an Entry, and Releases documentation.

    Tasks

    1. Click the Tasks item to view the workflow task details in the Calendar app.
      Calendar-Click-Task
      You can see all the details of the task.
      Calendar-Task-In-Entry
    2. Click the Entry name to go to the entry editor.
      Calendar-Task-In-Entry-Editor
    3. Click Open My Tasks to view all the workflow tasks.
      Calendar-Tasks-List

    Publish

    1. Click the Publish entry to view the entry details in the Calendar app.
      Calendar-Click-Entry
      You can view all the details of the entry.
      Calendar-Publish-Entry-Details
    2. Click the Entry name to go to the entry editor.
      Calendar-Publish-Entry-Editor
    3. Click Open Publish Queue to view the status of all the publishing events.
      Calendar-Publish-Queue

    Release

    1. Click the Release item to view the release details in the Calendar app.
      Calendar-Click-Release
      You can view all the details of the release.
      Calendar-Release-Details
    2. Click the Name to view the release details.
      Calendar-Release-Details-In-CMS
    3. Click Open Releases to view the list of all the releases added to the CMS.
      Calendar-Release-List

    Filters

    1. You can select any month or year by clicking the dropdowns or using the Previous month and Next month icons.
      Calendar-Filter-Month-And-Year
    2. Click the Today button to view the events scheduled for the current date.
      Calendar-Filter-Today
    3. Using the View By filter, you can preview the scheduled events in Month, Timeline, or Week view.
      Calendar-Filter-View-By
      By default, the Calendar app displays the Month view.
      Calendar-Month-View
      Select the Timeline option from the View By dropdown to view the workflow tasks and scheduled events in a timeline view.
      Calendar-Timeline-View
      Select the Week option from the View By dropdown to view the workflow tasks and scheduled events in a week view.
      Calendar-Week-View

    4. Note: You can view the Task, Publish, and Release event details by clicking them.

    5. Using the All Events filter, you can select the Task, Publish, and Release options. By default, all three options are selected.
      Calendar-Filter-Events
Was this article helpful?
^