Events Calendar Block

Click to see a larger version

You may place an Events block that pulls in events from the campus events calendar. This is a two step process, you will need to generate a calendar embed code using the events calendar platform and create the events block on your site.

Demo: Events Block

Create an Events Block

  1. Navigate to the page you'd like to update, and click Edit on the page.
  2. Click on the Layout tab.
  3. Choose or add a Section to place the block
  4. Click Add block.
  5. Click Create Content Block.
  6. Scroll down and select Events Block.
  7. Choose Inline or Reusable block option.

Configure Events Block

  1. Title: this displays above the block when placed on a page.
  2. Display title: enabled by default, toggle the button to hide the block title.
  3. Calendar Code: paste in the calendar code from https://calendar.colorado.edu/help/widget
  4. Additional Events Link: Provide a link for additional events to display beneath the Calendar Block
    1. URL: Start typing the title of a piece of content to select it. You can also enter an internal path such as /about or an external URL such as https://www.colorado.edu. Enter <front> to link to the front page.
    2. Link Text: enter the text for the link.
Click to see a larger version

Save Block

  1. Click Add Block.
  2. Click Save layout.

Configure Calendar Code

Navigate to the Events Calendar Widget Builder: https://calendar.colorado.edu/help/widget

  1. Template:
    1. Default: Use with Display Options section
    2. Express Template 1 - title, image (right), time, date, description & location
    3. Express Template 2 - Icon design: title, image, time, date, description & location
    4. Express Template 3 - List design: title, date
    5. Express Template 4 - Icon card design: title, time, date, description & location
    6. Express Template 5 - Image card design: title, image, time, date, description & location
    7. Express Template 6 - Image card design 2: title, image, time, date, description & location
  2. Number of Results: Set the widget to show your preferred number of events (Maximum of 50)
  3. Days Ahead: Set the widget to display events with specific days ahead (Typical is 31; Maximum of 365)

Content

  1. Groups: Select all that apply.
  2. Places: Select all that apply.
  3. Event Type: Select all that apply.
  4. Interest: Select all that apply.
  5. Audience: Select all that apply.
  6. College, School & Unit: Select all that apply.
  7. Academic Calendar: Select all that apply.
  8. Faculty / Staff Calendar: Select all that apply.
  9. Keywords and Tags: Enter all applicable words.
  10. Only Show Featured: When checked, only events flagged as a featured event will be included.
  11. Only Show Sponsored: When checked, only events flagged as a sponsored will be included.
  12. Include All Matching Instances: If checked, the widget will display all recurring instances. If not checked, the widget will only display the first instance in the recurring chain.
  13. Hide Past Events: If checked, the widget will not display past events. Check or uncheck this box to meet your needs
  14. Content Must Match: Select the option that best meets your needs.
    1. At least one place, group, keyword or tag, and one filter item.
    2. Any place, group, keyword or tag, or filter item.
    3. At least one place and group, and all keywords, tags, and filter items.
    4. Any place or group, and at least one keyword or tag, and one filter item.

Note: If you embed the widget code some events are not showing up - check this setting to start troubleshooting the issue

Excluded Content: 

Any filters specified in these drop downs will not be included in the widgets. This is helpful in an “show all, but one” situation. Note: If you embed the widget code but none of your events show up - check this setting again to ensure you have set the widget up to show your events and not exclude them

  1. Event Type: Select all that apply.
  2. Interest: Select all that apply.
  3. Audience: Select all that apply.
  4. College, School & Unit: Select all that apply.
  5. Academic Calendar: Select all that apply.
  6. Faculty / Staff Calendar: Select all that apply.

Display Options

Include Styles: Leave this option checked if using the default template selected above

Display Options:

  1. Widget Type: Select your preference
    1. List
    2. Mini calendar + List
  2. Style:  Select your preference
    1. Modern
    2. Card
    3. Classic
    4. None
  3. Hide Descriptions: Event descriptions will not be shown.
  4. Truncate Descriptions: Description, location, and event image will be hidden upon page load, but when an event is clicked this information will appear.
  5. Render HTML in Descriptions: This allows any HTML entered in admin (bold, etc.) to be displayed automatically.
  6. Hide Event Images: Photos will be completely hidden.
  7. Hide Event Times: Times will be completely hidden.
  8. Open Links in New Window:  If an event is selected, another window will open.

Generating Your Calendar Code

After you have made all necessary specifications, you will see two options to generate your widget results. Note:  No saving is required.

  1. Preview: This option will open your widget results in another tab. The results will be not be styled. On this page you can confirm that the correct events are showing and that the output options are working as expected.
  2. Generate Embed Code: After you have previewed your widget and confirmed that the results are correct, select Generate Embed Code. Selecting this will display the embed code for your widget to be pasted into your block. Copy the code to your clipboard to place it in your block.