Function: Displays a Trumba calendar based on “name” and “type”.
Number of options: one main type (required), ten control types (optional), and 12 alternate display types (optional).
Each short code below requires three attributes: “name”, “type”, and “base”.
“name” is the name of the of the calendar you want to use. For example, if you wanted to use the main Seattle Campus calendar, the name would be “sea_campus”. If you need help determining the name of your calendar, please contact UWIT.
The “type” is the name of the view or control you wish to use. In some circumstances, you will hear “type referred to as a “spud” – “spud” is Trumba’s name for these. In each example below, you will see the name of the name of the type to use.
Finally, “base” is the URL of the page you are placing your calendar on, or another page with Trumba calendar on it (this is not very common).
* Copy all of the code, including the [ ] on either end.
Main calendar view
To display any calendar, you must create a page with the main calendar view on the page. This view will display all of the calendar’s upcoming events. This view will also be used to display individual events. To use this main calendar, create a new page within your site and add the following code:
Calendar controls
The following ten short codes will help your users navigate your calendar. These controls will allow users to change views, dates, search for events, and more. They can be used in any combination, but must be used with the main calendar view (above). Some controls can be placed on top of the main calendar view, however, in many cases, content authors will want choose to create a two column layout, using the grid shortcode, with the main calendar in a large column and controls in the small column.
Controls that change the view of the main calendar
View chooser, tabbed
This control will allow the user to change the view between a list of events, a summary of events, or tiles of events.
Layout note: This would be best placed above the main calendar view.
View chooser
Similar to the “View chooser, tabbed” control, this control will allow the user to change the view between a list of events, a summary of events, or tiles of events but by using a dropdown menu.
Layout note: this would be best placed in a smaller column next to the main calendar view.
Controls that change the date and time of the main calendar
Month list
This will change the main calendar view to show events corresponding to the specific month the user clicked.
Layout note: this would be best placed above the main calendar view.
Date finder
This will change the main calendar view to show events corresponding to the specific date the user clicked.
Layout note: this would be best placed in a smaller column next to the main calendar view.
Go to date
This control will allow the user to search for a specific date to display events.
Layout note: this would be best placed in a smaller column next to the main calendar view.
Timezone picker
class=”mt-5″This control will allow the user to change the timezone to their preference.
Layout note: this would be best placed in a smaller column next to the main calendar view.
Controls that allow users to search for events
Search
This control will allow the user to search for events that match a search query.
Layout note: this would be best for a smaller column next to the main calendar view.
Location search
This control will allow the user to search for events taking place in specific locations.
Layout note: this would be best for a smaller column next to the main calendar view.
Calendar list
This control will allow the user to chose to view a specific sub-calendar or all sub-calendars. Use this only if your calendar contains sub-calendars and/or displays multiple calendars.
Layout note: this would be best for a smaller column next to the main calendar view.
Filter
This control will allow the user to display one time events or on-going events.
Layout note: this would be best for a smaller column next to the main calendar view.
Alternate display types
In addition to the main calendar view, there are several additional views to choose from. These views can be used by themselves, with the main calendar view, and/or with any of the calendar controls.