Publish Your Calendar

You can make your calendar accessible to the public in one of two ways, depending on your comfort level using Trumba spuds. (A spud is a snippet of JavaScript code that retrieves event information stored on Trumba servers.)

To publish your calendar, you can either:

  • Use the generic Trumba view. This method is useful if you're not ready to work with Trumba spuds, and allows you to use Trumba's hosted view.
    -OR-
  • Create styled calendar views using Trumba spuds (for example, the Campus calendar at http://www.washington.edu/calendar/). 
    Trumba Spuds can be embedded on WordPress and Drupal sites directly. The UW Campus Event calendar is an example of Trumba Spuds embedded on WordPress. The Kitsap Regional Library site shows how Trumba Spuds appear when embedded in a Drupal site. 

    The Trumba spuds listed in the table below support the following functionality:

  • Display the main calendar event listing
  • Enable users to:
    • Select different views via tabs
    • Select a date to view only the events that occur on that day
    • Search for events by keyword(s)
    • Filter events by types
    • Include ongoing events if they are not included by default (optional)
    • Select a time zone if your events occur in multiple time zones (optional)

To publish your calendar, you will need your calendar name. 

To find the name of your calendar, follow these steps:

  1. StepsActions
  2. In the calendar editor view (www.washington.edu/calendar/trumba), across the top of the page, look for the pale purple banner. The name of your calendar is the text following Published at: calendar/. The calendar name consists of a code for the campus (sea, tac, bot) and a code for the department (e.g., amath), unit, etc. In the screenshot below, the calendar name is highlighted in yellow: 
    Trumba calendar name

     

 

To publish your calendar using the generic Trumba view:

  1. StepsActions
  2. Find the name of your calendar (see above).
  3. Enter the following URL in a Web browser: http://www.trumba.com/calendar/name, replacing name with the name of your calendar.

To publish your calendar using Trumba spuds:

  1. StepsActions
  2. Find the name of your calendar (see above).
  3. For each spud, add the calendar web name to the JavaScript below (placed between the two double quotes).
  4. To the HTML element, add the following : < script type=" text / javascript" at src=" http: // www.trumba.com/scripts/spuds.js " >< /script >.

    Note: If you copy this string or any of the code in the table below, make sure that you remove the extra spaces (added to prevent WordPress from treating the string as code).

     

  5. Embed the following spuds in the page body:
    Spud Type JavaScript code Notes
    Main calendar display < script type=" text/javascript ">
    $Trumba.addSpud({webName: "", spudType: "main"});
    < / script >
    If you paste the code in a WordPress page, make sure no
    < br / >  tags or extra spaces appear inside the JavaScript.
    Display-view chooser via tabs < script type=" text/javascript ">
    $Trumba.addSpud({webName: "", spudType: "tabchooser"});
    < / script>
     
    Date finder < script type= " text/javascript ">
    $Trumba.addSpud({webName: "", spudType: "datefinder", teaserBase: ""});
    < / script >
     
    (Optional) Time zone picker < script type= " text/javascript ">
    $Trumba.addSpud({webName: "", spudType: "timezone", teaserBase: ""});
    < / script >
     
    Keyword search box < script type= " text/javascript ">
    $Trumba.addSpud({webName: "", spudType: "searchlabeled"});
    < / script >
     
    Event type filter < script type= " text/javascript ">
    $Trumba.addSpud({webName: "", spudType: "Type of Event"});
    < / script >
     
    (Optional) Ongoing event filter < script type= " text/javascript ">
    $Trumba.addSpud({webName: "", spudType: "filter"});
    < / script >
     
    Spuds below are for specific needs    
    Upcoming events < script type= " text/javascript ">
    $Trumba.addSpud({webName: "", spudType: "upcoming", teaserBase: ""});
    < / script >

    Other spudType variations to try:

    • upcomingtable
    • upcomingpreview
    • upcominggrouped
    • upcomingphoto
    • crawler
    • upcomingvcrawler
    Upcoming events combined with a search filter < script type=" text/javascript ">
    $Trumba.addSpud({ webName: "", spudType: "upcoming", detailBase: "", url: {search: "the key words that you want for filtering events"}});
    < / script>
     
  6. Optional. Include the Calendar editor access link on your Web page so your editors don't have to remember the URL for accessing the Trumba back-end. 
  7. The page where you embedded the Main calendar display spud represents your calendar address in Trumba. Capture the full URL of this page and then add to:

Last modified: August 1, 2014