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:

  • 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 using the generic Trumba view:

  1. StepsActions
  2. Find your calendar web name on one of the sheets below:
  3. When you have the name of your calendar, in a Web browser, enter this URL: 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 your calendar web name on one of the sheets below:
  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", detailBase: ""});
    < / 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", detailBase: ""});
    < / 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", detailBase: ""});
    < / script >
     
    Event type filter < script type= " text/javascript ">
    $Trumba.addSpud({webName: "", spudType: "Type of Event", detailBase: ""});
    < / 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: May 28, 2014