Setting Up and Styling Event Actions

These articles have been prepared for schools using 25Live Pro and Publisher.

Event Actions are very simple actions taken by the calendar visitor pertaining to events on your calendar.  These actions include the ability to have the event and event ics file e-mailed to the visitor to place on their calendar, forward to friends e-mails (free advertising!), subscribe to a list of events published on a recurring basis set up by your Publisher User, subscribe to the entire calendar, add multiple events to their calendar, receive text messages about the event, and more.  As such, these useful tools are important for engaging your calendar visitor and just make it easier for them to keep up with the events they are interested in attending 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 for your calendars.  The Customize Event Actions link is located below the list of your calendars in the left content pane of the Publisher Dashboard.

To setup and style the Event Actions:

  1. Click the Customize Event Actions link.
  2. This will open the Edit Settings for Event Actions window containing two tabs;  Settings and Styles.
    1. The Settings tab has settings contained in five groups:  Organization, Banner, Visitor Accounts, Hide Actions, and Date/Time Options.
      1. The Organization group contains only one setting, the Organization name.  You should enter your Campus Name in this field.
      2. The Banner group contains two settings:  Banner image and Mobile banner image.  These images replace the Event Actions header at the top of the Event Actions window with an image of your choosing.  This image should be set to your campus logo.  The Banner image scales to a maximum size of 400px x 76px.  While, the Mobile banner image scales to 210px x 57px.
        If you click the New link, you will be presented with a window enabling you to select an image from your computer to upload to the Images directory in 25Live Publisher or to enter the web address of the image.  If you choose to enter the web address to the image, be sure you provide the entire URL to the image.  You have the option of copying the image contained on the link you provide which would deposit it in the Images directory or simply link to the image.  In the Image Properties, you should give the image a Display name which will populate the requisite field in HTML for screen readers.  You may 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 drop-down list in the Banner image, or Mobile banner image.  You may also search for the image using the magnifying glass.
      3. The Visitor Accounts group contains setting governing how visitor accounts are available.
        1. The Visitor accounts setting selects how visitor accounts are available.  Selecting Not available means that calendar visitors may take event actions but they have no sign-in options.  Selecting Optional means that 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  Setting Required will require calendar visitors to log in in order to perform event and calendar actions.  The default and best setting is to make this functionality Optional.
        2. The Sign-in methods drop-down menu allows you to select the services visitors may use to sign in to their visitor accounts.
      4. The Hide Actions group contains two options to control the actions available to calendar visitors.
        1. The Hidden event actions setting contains a drop-down 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.
        2. The Hidden calendar types setting contains a drop-down 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.
      5. The Date/Time Options group contains settings governing the label of event with repeating occurrences, the date format and day of the week format, whether or not to show the end date and time, the format for time, as well as whether or not and which form of the time zone to display.  These settings are exactly the same set of date/time options that have been discussed on styling of e-mails, feeds, and various spuds.  The key factor you want to remember is match the settings here to how you have used them throughout your calendar implementation.
    2. The Styles tab contains stylistic settings arranged in four groups:  Banner Colors, Title Bar Colors, Link Styles, and Button Colors.
      1. The Banner Colors group contains two settings, one for the Background color for the banner and one for the Foreground color of the Banner.  Typically, the background will match the background color you have been using throughout your calendar implementation for backgrounds.  A good default color for backgrounds is white (#FFFFFF).
      2. The Title Bar Colors group contains two settings, one for the Background color and a second setting for the Text color.  The Background color should be a color from your campus's color palette.  Often, this is a darker background color.  Depending on what you select for the Background, choose your Text color for maximum contrast and readability.
      3. The Link Styles group contains settings for the Link color, the Link text decoration, and the Link hover text decoration.
        1. The Link color style 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.
        2. The Link text decoration style controls whether or not links are underlined when first viewed in the events in the event actions region.  The best practice is to do exactly the same thing you did in the calendar with this setting.
        3. The Link hover text decoration style controls whether or not links are underlined when a user hovers their mouse pointer over the link.  The best practice is to do exactly the same you did in the calendar with this setting.
      4. The Button Colors group contains stylistic settings for the Commit button, the Navigate button, the Delete button, and the Abandon button in the Event Actions.  In each case, consistency of design should be considered.  Your buttons in event actions should look exactly like the button in your overall calendar implementation.  Replicate the colors from the Global Settings for the :link, :hover, and button text color in each of these four buttons.
        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.
PREVIOUSLY:  Styling E-mails and Feeds
UP NEXT :  Configuring Custom Fields and Event Templates