Setting Up and Styling Event Actions

Click here to view related articles.
Pre-Publisher Cycle
Selecting a Security Framework for Your Publisher Environment
Building a Publisher Functional Security Group
Building a Generic Publisher User Account
Preparing 25Live Data for Publisher
Building Calendars Using Event Categories or Resources
Publisher Cycle
Creating Effective Searches for Publisher Calendar Feeds
Creating a Calendar Feed from Your Search
25Live Publisher: Customizing Your Calendar for Publication
           1. Working with Publish Settings for a Calendar
           2. Selecting and Styling Calendar Views
           3. Selecting and Styling Control Spuds
           4. Selecting and Styling Promotion Spuds
           5. Styling Emails and Feeds
Setting Up and Styling Event Actions
Configuring Custom Fields and Event Templates
Embedding Publisher Spud Code in Websites
Post-Publisher Cycle
Analytics in 25Live Publisher
Monitoring Published Calendars and Making Modifications to Existing Calendars
Additional Publisher Resources
Example Publisher Calendars
Displaying a 25Live Publisher Feed in an Outlook Calendar (Desktop)
Displaying a 25Live Publisher Feed in an Outlook Calendar (Office 365)
Displaying a 25Live Publisher Feed in Google Calendar
Matching Series25 Fields with Publisher Fields
Setting Up Disqus Comments and Facebook Comments on Your Calendar Spuds
Installing the 25Live SharePoint Web Part


Event Actions add options to your calendar which allow visitors to  

  • Have event info and event ics file emailed to them
  • Forward emails to others (free advertising!)
  • Subscribe to a list of events or the entire calendar
  • Add events to their own calendars
  • Receive text messages about events
  • And more...

As such, these tools are very useful for engaging your calendar visitors and spreading awareness about the events occurring on your campus.

Prior to publishing your new calendar on a website, you need to take a few easy steps to configure the Event Actions to optimize them. 

To Setup and Style the Event Actions

1. Click the Customize Event Actions Link

The Customize Event Actions link is located below the list of your calendars in the left content pane of the Publisher dashboard.

Customize event actions link under tasks

Clicking this link will open the Edit Settings for Event Actions window containing two tabs: Settings and Styles.

2. Edit the Event Actions Settings

Organization

Organization setting

Organization Name: Enter your Campus Name in this field.

Banner 

These images replace the Event Actions header at the top of the Event Actions window with an image of your choosing. (Typically a campus logo).

Banner settings

Banner Image: Scales to a maximum size of 400px x 76px

Mobile Banner Image: Scales to 210px x 57px

Click the New link to open the Add an Image window

Add an Image

Add an image settings

Image Source

Browse and upload to the Images directory in 25Live Publisher

OR 


Enter the entire web address of the image. Then choose:

Copy the Image:  Copies the image contained on the link you provide which would deposit it in the Images directory

Link to the Image

Image Properties

Display Name: This field will populate the requisite field in HTML for screen readers

Owning Calendar: Select any calendar you have already published to become the owner of this image.  

Once you are satisfied with your selections, click the OK button to upload your image. You may then use it by selecting the dropdown list in the Banner image, or Mobile banner image. You may also search for the image using the magnifying glass.

Visitor Accounts

This group contains settings governing how visitor accounts are available.

Visitor accounts settings

Visitor accounts: Selects how visitor accounts are available.  

  • Not available: calendar visitors may take event actions but they have no sign-in options.  
  • Optional (recommended)calendar visitors may opt to sign-in creating a virtual sandbox on the CollegeNET servers for their individual information and events they are interested in attending  
  • Required: requires calendar visitors to log in in order to perform event and calendar actions.  

Sign-in methods: Select the services visitors may use to sign in to their visitor accounts.
Sign in methods options

Hide Actions

This group contains two options to control the actions available to calendar visitors.

Hidden event actions: Contains a dropdown menu listing all of the available event actions. Checking any item in this list will remove it as an option for calendar visitors. It is a best practice to remove none of the event actions.
Hidden event actions options

Hidden calendar types: Contains a dropdown menu listing all the various calendar types that will be revealed under the Add To My Calendar event action. It is a best practice to remove none of the calendars.
Hidden calendar types options

Date/Time Options

This group contains settings governing the label of events with repeating occurrences such as the date, day of the week, and time formats, whether or not to show the end date and time, and the time zone. These settings are exactly the same set of date/time options that have been discussed on styling of emails, feeds, and various spuds. The key factor you want to remember is to match the settings here to how you have used them throughout your calendar implementation.

Date time options settings

3. Edit the Event Actions Styles

Banner Colors 

Banner colors settings

Background: Typically, the background will match the background color you have been using throughout your calendar implementation for backgrounds. The recommended color is white (#FFFFFF).

Title Bar Colors 

Title bar colors settings

Background: Typically a color from your campus's color palette.  Often, this is a darker background color.  

Text: Any color that will contrast the background color, for maximum contrast and readability.

Link Styles 

Link styles settings

Link color: contains settings for both the :link and the :hover effect.  The colors you select for this should match the link and hover colors set throughout your calendar implementation.

Link text decoration: controls whether or not links are underlined when first viewed in the events in the event actions region. Best practice is to match this to the calendar settings.

Link hover text decoration: controls whether or not links are underlined when a user hovers their mouse pointer over the link. Best practice is to match this to the calendar settings.

Button Colors

This group contains stylistic settings for the Commit, Navigate, Delete, and Abandon buttons in the Event Actions. Best practice is to match these to your overall calendar implementation. Replicate the colors from the Base Calendar Styles for the :link, :hover, and button text color in each of these four buttons.

Button colors settings

4. Preview and Save Your Changes

Once you are satisfied with your selection, click the OK button to save your changes. You may preview your work by clicking the Preview button which will present a list of events. Select one and perform an event action to see your newly styled event actions window open up for review.