Skip Navigation
Search

Events and Events (2 Column)

This snippet displays an events feed on the left with another events feed on the right.

Demo

View Demo

How to Use

Selection Options:

  1. The Layout Type field lets you choose whether the left and right side will be split up into the snippet as follows:
    1. One Third | Two Thirds
    2. Two Thirds | One Third
    3. One Half | One Half
    4. Three Quarter | One Quarter
    5. One Quarter | Three Quarter
  2. The Top Border field gives you an option of Yes or No for including a top border for the columns.
  3. The Bottom Border field gives you an option of Yes or No for including a bottom border for the columns.
  4. The Border Between Columns field gives you an option of Yes or No for including a border in between the columns.
  5. The Top Padding field gives you an option of adding padding, using default padding, or using no padding.
  6. The Bottom Padding field gives you an option of adding padding, using default padding, or using no padding.
  7. The Top Margin field gives you an option of adding a top margin, using a default top margin, or using no top margin.
  8. The Bottom Margin field gives you option of adding a bottom margin, using a default bottom margin, or using no bottom margin.
  9. The Extra Classes field is a developer-only option.

Selection Options for Events (Calendar) Feeds:

  1. The Calendar Feed URL field contains the link of the xml file containing the calendar data,
  2. The Calendar Feed Type field allows you to choose which type of calendar will be used, either Active Data or Collegiate Link.
  3. The Section Background Color field allows the user to choose an "on light" or "on dark" background.
  4. The All Button Color field selects the color of the "See All Events" button. The choices are Red, White, or White on Red. 
  5. The Number of Calendar Events field displays the number of calendar events the user wishes to have displayed. The choices range from 1-2 columns. 
  6. The Show Event Time field displays the date and time which the event will take place. This can be set to either "yes" to display the date and time, or "no" which does not display the date and time.
  7. The Show Button field allows the user to decide whether they would like to display the button at the bottom of the calendar. 
  8. The Button Text field allows the user to choose what text will be displayed on the button.
  9. The Button URL field contains the URL for the button.
  10. The External? field allows the user to choose whether the button will link to a page within stonybrook.edu or an external link.
  11. The Extra Classes field is for developer use only.

Example:

two events

Preview:

events