Calendar Tools element

Whether you want to filter, browse, or search for a specific event, the Calendar Tools element has got you covered.

  1. From the Element Library, add a Calendar Tools element to your calendar page.

    calendar tools element.png

  2. Link the element to the calendar on that page by clicking the “settings” icon and choosing a Calendar element on the page.

    Important Note

    Once a Calendar Tools element has been linked to a Calendar element, the Calendar element can no longer be deleted. Unlink or delete the Calendar Tools element first in order to delete the Calendar element.

    link calendar tools to calendar element.png

  3. Configure the element to Legend, Search, or Mini Grid format.

    calendartools3.png

Element Settings

In addition to the common element settings, the Calendar Tools element includes the following configuration options.

Legend

This is an advanced filtering tool that allows users to personalize their calendar display by only selecting the calendars that contain events of interest, filtering out all other events. This element displays a complete list of all available calendars in the linked Calendar element.

General

  • Allow Users to Filter Calendars: Enable this checkbox to turn the legend into a filtering tool; otherwise, it will only display a list of calendars and their associated icons or colors.

  • Display Calendar Categories: Display calendars arranged by the category as set in Calendar Manager.

  • Organize Calendars: Choose to organize calendars by group or alphabetically.

Link To

Use the dropdown menu in this section to link the element to a Calendar element on the same page.

Search

This feature allows you to locate events by entering keywords and/or a date range.

Important Note

The Calendar element does not automatically switch from a Calendar Grid element to a Calendar List element when a search is performed. It also does not automatically switch which month the user is viewing on the calendar grid based on the results of their search. We require that users manually change months on the grid, ensuring they always know which month they're viewing and when those events take place.

The best practice is to create an alternative calendar view page. In this case, you would create a new page with a Calendar List element on it, configured to your specifications. Then, on your original Calendar Grid page, open the Calendar Grid element's settings and set that new Calendar List page as the “Alternate view page.” When a user switches to the List page, they will see the same calendars from the Calendar Grid in their Calendar List and can search on the list accordingly

General

Choose whether to search by “Keyword and Date Range,” or just “Keyword” or “Date Range.”

Link To

Use the dropdown menu in this section to link the element to a Calendar element on the same page.

Mini-Grid

This allows users to rapidly navigate from month to month, and to jump forward and back as desired.

Link To

Use the dropdown menu in this section to link the element to a Calendar element on the same page.

Was this article helpful?
0 out of 2 found this helpful

Comments

0 comments

Please Sign in to leave a comment if you don't see the comment box below.