Skip to content

Trumba

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:

[trumba name="sea_campus" type="main" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="tabchooser" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="chooser" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="monthlist" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="datefinder" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="gotodate" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="timezone" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="searchlabeled" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="locationsearch" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="mix" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

[trumba name="sea_campus" type="filter" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

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.

Day summary

[trumba name="sea_campus" type="daysummary" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Event slider

[trumba name="sea_campus" type="eventslider" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Upcoming events

[trumba name="sea_campus" type="upcoming" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Photo upcoming

[trumba name="sea_campus" type="upcomingphoto" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

List by month upcoming

[trumba name="sea_campus" type="listbymonthupcoming" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Upcoming date table

[trumba name="sea_campus" type="upcomingdatetable" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Upcoming events crawler

[trumba name="sea_campus" type="crawler" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Upcoming fader list

[trumba name="sea_campus" type="upcomingfader" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Upcoming grouped

[trumba name="sea_campus" type="upcominggrouped" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Upcoming preview

[trumba name="sea_campus" type="upcomingpreview" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Upcoming table

[trumba name="sea_campus" type="upcomingtable" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]

Upcoming vertical crawler

[trumba name="sea_campus" type="upcomingvcrawler" base="https://www.washington.edu/docs/shortcode-cookbook/trumba/"]