Calendar views are ways of presenting events in a main calendar spud.
For example, some views provide a lot of detail with each event. Other views are spare and compact. Some views support photos. Others look very traditional, like something you might see hanging on your kitchen wall.
The following image shows the same events presented in Classic Table, List, and Tile view.
Three views of the same main calendar spud
While each main calendar spud has a default calendar view, you can associate the spud with several different views and give visitors the option of selecting the view they prefer. You can also customize each view to present events exactly the way you want.
How do I let visitors choose between calendar views?
Tip The main calendar spud not only displays the calendar views, it also displays event detail views that appear when you click an event title in the main calendar or other spud. For information about selecting and customizing event detail views, go to Event detail views.
Every published calendar has a default view that you select when you first publish the calendar.
With the main calendar spud, you aren't restricted to a single view. You can select alternate views, and then give calendar visitors the option to switch between views to find the one that best meets their needs.
With the main calendar spud, you aren't restricted to just one calendar view.
Tips
I'd like more information about control spuds in general and the View Chooser spud in particular.
Calendar visitors use the View Chooser control spud to switch between views. The Tabbed view chooser above the main calendar is outlined in red. Your calendar's calendar and event options may look a little different than the ones shown here.
Click links at the bottom of calendar view descriptions to edit settings and more.
Tips
If you've added alternate views for a main calendar spud, you can change which view is the default at any time.
Clicking to set an alternate view as the default
Customizing calendar views means setting the way the main calendar spud looks and behaves on the webpage where it's published.
After you select the views that you want to provide, you can customize:In the Publishing Control Panel, on the Calendar Spuds tab, in the Main Calendar Spud section, click Edit Settings & Styles.
Descriptions of the setting and style choices on the Edit Settings tabs follow. Note that you may see error messages in red for invalid formats.
On the General Settings tab, you decide whether or not to:
Embedded calendar list
The calendar list lets visitors hide or show events based on the calendar the events belong to.
Tip Consider displaying the calendar list only if you mixed other calendars into your calendar during the publishing process. Learn more.
Select Yes to display an embedded calendar list above the calendar.
The following image shows how an embedded calendar list might look.
Embedded calendar list (outlined in red)
Even if you choose not to display the embedded calendar list, you can let visitors hide or show events based on calendars. For example, instead of displaying the embedded calendar list, you can add a Calendar List spud and embed it beside the main calendar.
Calendar List spud (outlined in red) beside the main calendar
Learn more about Calendar List spuds in Mixins, paging, and grouping.
Enable mobile calendar view and Enable mobile detail view
You can set the main calendar to display the mobile calendar view and/or the mobile detail view, separately, on mobile devices.
With Enable mobile calendar view set to Yes, calendar visitors using a mobile device see the mobile calendar view.
With Enable mobile detail view set to Yes, calendar visitors using a mobile device see the mobile event detail view.
Both views are optimized for smaller screens.
For more information, go to Optimize the main calendar for display on mobile devices.
If you decide to embed a calendar list above your calendar, on this tab, you choose style settings that determine how that embedded calendar list will look.
If you set base styles, those styles are reflected in the settings on this tab.
On this tab, you choose the settings that control how the Event Actions panel looks.
Tips
Event actions panel (outlined in red) with custom background and button colors
By default, the Event Actions panel is available at both the top and bottom of your published calendar. If you prefer, you can limit the panel to only one of those two locations.
Using the style settings on the Event Actions Panel tab, you can customize the panel's background color, border color and width, font, text size, and link color. You can also customize background, border, hover, and text colors for the event action buttons.
Using calendar actions, visitors can print the current calendar view and subscribe to your calendar to stay informed about upcoming events.
Tell more more about calendar subscriptions.
Visitors can also use the My Events action to open the Event Actions web app where they can view and manage their calendar subscriptions.
On the Calendar Actions Panel tab, in the Settings section, you decide which calendar actions to make available. In the Styles section, you choose styles that control how the calendar actions panel looks.
Tip If you set base styles, those base settings are reflected in the Styles section of the tab.
The default settings in the Settings section look like this:
Select No for actions you prefer to hide.
Default settings, Settings section
By default, the Print, Subscribe, and My Events links are visible at the top of each calendar view.
Calendar actions in a published calendar view
Tip Calendar actions you show or hide using the Calendar Actions Panel tab affect all calendar views, with the exception of the Mobile Table view. Mobile Table view has its own calendar action settings.
Tip To get to this tab, go to the Publishing Control Panel, Calendar Spuds, and then the Main Calendar Spud section. Under the Main Calendar spud, click Edit Settings & Styles, and then go to the Paging Buttons tab.
In the Settings section, you can choose whether to use Buttons (configured globally on this tab) or Images for the paging button (arrow) controls.
Choosing Buttons allows you to set up global paging buttons, which apply automatically wherever they're displayed.
If you choose Images, you set the images separately in each calendar view you're using, as well as in the Date Finder promotion spud. This may make sense if you'd prefer to use your own custom images (to tailor the button style to the style of each spud). There are no global settings in this case, although a small set of common, built-in images are available in each spud. See: How to use custom images for paging controls.
If you choose Buttons, you can set them up and configure them on this tab, including:
Button background and arrow colors are inherited from base settings: Background color from the Base button background color, and Arrow color from the Base button text color.
IMPORTANT By changing these colors, you are "breaking" this inheritance. That is, if you change these colors, they stay at your new selection regardless of how you may later change the base settings. To "re-inherit" the colors, you can click the up-arrow widget, shown in the screenshot below:
For this reason, unless you specifically want the paging buttons colored differently than other objects on your website, we recommend updating the base settings instead. (Sign-up and event actions panel buttons also inherit the Base button color base settings for link and hover colors; day of the week headings on the Date Finder and month views, and the month heading on date icons, inherit the link colors.) For more information, go to: Spud style settings.
Tip To get to this tab, go to the Publishing Control Panel, Calendar Spuds, and then the Main Calendar Spud section. Under the Main Calendar spud, click Edit Settings & Styles, and then go to the Sign Up Buttons tab.
If you've enabled open registration for an event, sign-up and wait-list buttons appear by default in most live calendar views. You can also customize most promotion spuds to include registration buttons with events. Sign-up and wait-list buttons also appear by default in event detail views.
In the Settings section, you can choose whether to use Buttons (configured globally on this tab) or Images for the sign-up controls.
Choosing Buttons allows you to set up base event registration buttons, which apply automatically wherever they're displayed.
If you choose Images, you set the images separately in each calendar view, event detail view, and applicable promotion spuds that you're using. This may make sense if you'd prefer to use your own custom images (to tailor the button style to the style of each calendar view and/or promotion spud). There are no base settings in this case, although a small set of built-in common images are available in each spud. See: Registration sign-up images.
If you choose Buttons, you can use this tab to modify the four default button types (sign up, wait list, sign up full, and sign up closed), including:
Tip If you want the buttons to appear larger on event detail pages, go to the Publishing Control Panel for your calendar, scroll to the event detail spud you're using (bottom of the Calendar Spuds tab), click Edit Settings & Styles, go to the Styles tab, and then update the settings in the Sign-up Buttons section, such as here:
Sign-up and Wait List buttons background and text colors are inherited from base settings: Background color from the Base button background color, and Text color from the Base button text color. The Border color is inherited from the Background color in this same section.
IMPORTANT By changing these colors, you are "breaking" this inheritance. That is, if you change these colors, they stay at your new selection regardless of how you may later change the base settings. To "re-inherit" the colors, you can click the up-arrow widget, shown in the screenshot below:
For this reason, unless you specifically want the sign-up buttons colored differently than other objects on your website, we recommend updating the base settings instead. (Paging and event actions panel buttons also inherit the Base button color base settings for link and hover colors; day of the week headings on the Date Finder and month views, and the month heading on date icons, inherit the link colors.) For more information, go to: Spud style settings.
When a visitor searches your calendar by keyword, date, or location or uses a filter to limit the events the calendar displays, by default, a search results panel appears above the calendar.
Search results panel (outlined in red). Your calendar's calendar and event actions options may look a little different from the ones shown here.
On the Search Status Panel tab, you can hide the panel if you prefer. However, if you provide search and/or filter spuds next to your main calendar, displaying the panel gives visitors helpful feedback about and an easy way to clear search results.
Where can I learn more about search and filter spuds?
Search Status Panel tab
In the Styles section of the tab, you can choose settings that control how the search results panel looks.
If you set base styles, those styles are reflected here.
Use this tab to modify the print output generated from your published calendar.
In the Banner Image section, you can select from an existing image on your account using the drop-down arrow (see the screenshot below) or click New to add an external banner image. You can also modify a selected image by clicking Edit. For information, go to How to update and delete images.
You can toggle Show Calendar Name and Show Print Date/Time to display or hide the calendar name in the header, and/or display or hide the time/date stamp in the footer. You may want to hide the calendar name if it also appears in the banner.
Visitors to your calendar can click the print icon to create a print output that reflects the changes you've set up here:
The screenshot below shows an example of a banner added to the print output from a fictional Trumba University website:
Each view has two categories of customization:
For help with these settings, click the blue Help buttons (
) where you see them in the settings forms.
For these views, you find both behavior and style settings on each tab.
Tip These views are unique because you have more options for how events are organized and displayed. For example, you can use these views to feature high visibility events.
I need a whole lot more information before I can possibly select my style preferences.
Related information that might help you decide which behavior settings you want:
