Calendar Tools element

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

  1. Add the Calendar Tools element to your calendar page.

    calendartools1.png

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

    calendartools2.png

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

    calendartools3.png

For more information about using the Calendar Tools element, refer to Set up calendar pages.

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.

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 1 found this helpful
Have more questions? Submit a request

Comments

0 comments

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