Calendar and Control Spuds

When you publish a calendar, you automatically create a Calendar spud.

You can customize this spud's behavior and appearance and choose a default view (the view visitors see the first time they visit the page). We set List view as the default for the Calendar spud on this page. Trumba remembers your view choices. When you return to this page, you'll see the calendar view you displayed before you navigated away.

Control spuds control the display of events in the Calendar spud.

Use the View Chooser above the calendar to try out different calendar views (we've also provided brief view descriptions that update along with your view changes). Experiment with some of the other Control spuds on the page.

What are spuds?

View Chooser Control Spud

What it does

Note The descriptions that change when you choose a view are not built in to this spud. We did some custom development so we could explain the pros and cons of each view as you display it.
Changes the way events are displayed in the Calendar spud.
Select a view from the drop-down list.

What you can customize

Colors and fonts.
Which views are listed.
The text in the label.
Whether or not to display the label.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

<html><head><title></title></head><body> <div style="width:200px; margin-bottom:20px;"><script type="text/javascript" src="http://www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "trumbatribune",
spudType: "chooser" });
</script></div></body></html>

Month List

What it does

Switches the month displayed in the Calendar spud.
Click the month you want to display.

What you can customize

Nothing at the moment.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

<html><head><title></title></head><body> <div style="width:500px; border:1px solid #000000; margin-bottom:20px;"> <script type="text/javascript" src="http://www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "trumbatribune",
spudType: "nytmonthlist" });
</script></div></body></html>

Calendar - Main Spud

What it does

Displays an interactive calendar of events.
Click an event to open the event details page.
Move between events by group or page.
Click RSS to subscribe to an RSS feed of the calendar's events.
Click iCal to subscribe to an iCalendar feed of the calendar's events.
Click Subscribe to subscribe to an Atom feed of the calendar's events or a scheduled email message containing upcoming events.
Select one or more events and click Add to My Calendar, Remind Me By Email, or another event action.

What you can customize

Colors and fonts.
Which events the calendar includes.
How public the calendar is.
Time zone.
The day with which weeks begin.
The time with which days begin and end.
View (for example, Classic Month, List).
The appearance of the event details page.
The events included in RSS, Atom, and iCal feeds.
Whether or not visitors can sign up for upcoming event email.
Event fields that appear on the calendar.
Number of events per page.
How events are grouped.
Default page.
How multi-day events behave.
Whether or not to display event update markers.
Whether or not visitors can add events to their personal calendars and take other actions with events.
How many events visitors can act on at a time.
Whether or not visitors can sign up to attend events.
Whether or not to automatically replicate your calendar's events on the Eventful website.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

Note Pasting the code below gives you the main calendar spud in 3 Columns view. To switch between views, paste the code for the View Chooser spud above the code for this spud.

<html><head><title></title></head><body> <div style="width:600px; padding:24px 25px; border:1px solid #000000; margin-bottom:20px;"> <script type="text/javascript" src="http://www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "trumbatribune",
spudType: "main" });
</script></div></body></html>

Trumba Tribune is a demonstration website for Trumba Connect, a web-hosted online calendar solution. For more information about Trumba Corporation and the Trumba Connect product, please visit www.trumba.com.

Date Finder Control Spud

What it does

Navigates to specific dates in the calendar spud.
Click the arrows to move between months.
Click a date to display it on the Calendar spud.
Hover over a date to display a list of events.

What you can customize

Colors (including weekdays, weekends, and dates with events) and fonts.
Show or hide hover popup.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

<html><head><title></title></head><body> <div style="width:200px; border:1px solid #000000; margin-bottom:20px;"> <script type="text/javascript" src="http://www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "trumbatribune",
spudType: "datefinder",
teaserBase : "http://tribune.trumba.com/online_calendars/display_locate_events.aspx" }); </script></div></body></html>

Timezone Picker Control Spud

What it does

Changes the time zone in which events in the Calendar spud are displayed.
Select a time zone from the drop-down list.

What you can customize

Colors and fonts.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

<html><head><title></title></head><body> <div style="width:400px; margin-bottom:20px;"><script type="text/javascript" src="http://www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "trumbatribune",
spudType: "timezone" });
</script></div></body></html>

Go To Date Control Spud

What it does

Displays the date you type in the calendar.
Acceptable date formats include 10/15/2007, 10-15-2007, 10.15.2007, Oct 15, 2007, October 15, 2007, 15-Oct-2007, and more.

What you can customize

Colors, fonts, and padding for header and text box.
Label.
Go button image.
Text box width.
Space between text box and button.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

Calendar List Control Spud

What it does

Shows the event category hierarchy for events in the Calendar spud.
Select a check box to display a category of events.
Clear a check box to hide a category of events.
Click All or None to display or hide all categories.

What you can customize

Colors, fonts, and padding.
The text in the label.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

<html><head><title></title></head><body> <div style="width:200px; border:1px solid #000000; margin-bottom:20px;"><script type="text/javascript" src="http://www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "trumbatribune",
spudType: "mix" });
</script></div></body></html>

Filter Control Spud

What it does

Limits events listed in the Calendar spud to those matching filter criteria.
Select the value(s) you want to limit events by from one or two filter lists.

What you can customize

Colors, fonts, and padding.
Number of filters (maximum of two).
Single or multiple values per filter.
Whether filters work together or independently.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

<html><head><title></title></head><body> <div style="width:160px; border:1px solid #000000; margin-bottom:20px;"> <script type="text/javascript" src="http://www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "trumbatribune",
spudType: "filter" });
</script></div></body></html>

Search Control Spud

What it does

Limits events listed in the Calendar spud to those matching search criteria.
Type one or more keywords in the text box and click Go.

What you can customize

Colors and fonts.
Text box width.
Space between text box and button.
Go button image.
Whether to show or hide the Search label.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

<html><head><title></title></head><body> <div style="width:200px; margin-bottom:20px;"> <script type="text/javascript" src="http://www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "trumbatribune",
spudType: "searchlabeled" });
</script></div></body></html>

Search for events

Crawler Promotion Spud

What it does

Displays a horizontal scrolling list of upcoming events.
Click an event to open an event details page.

What you can customize

Colors and fonts.
Start and end dates.
Number of events to scroll before starting over.
Scrolling speed.
Whether to show or hide the border.

Try it on your own web page

Copy the spud code and paste it into the code for your own web page. Detailed steps

<html><head><title></title></head><body> <div style="width:500px; border:1px solid #3576b1; margin-bottom:20px;"> <script type="text/javascript" src="http://www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "trumbatribune",
spudType: "crawler",
teaserBase : "http://tribune.trumba.com/online_calendars/display_locate_events.aspx" }); </script></div></body></html>