Calendar Feed Component

---

The Calendar Feed component displays a list of events from an Add-Ons calendar. This component was created as a replacement for source code feed assets by generating the code for you through the component form interface. Enter your calendar ID, the number of events you wish to display, and select a style to generate a feed. Because this component generates code that cannot be rendered, you will see a placeholder card that displays the component options during preview in the CMS.

 

Component Fields

---

Calendar ID

The unique ID associated with the Calendar Add-On from which you are wanting to show events. To find the ID associated with a Calendar Add-On, you can do so by logging into Add-Ons and selecting Calendars.

 

Events

The number of calendar events to display in the feed.

 

Style

The look and feel of the feed. Some feed styles are too large for side columns, remember to select a style that fits your page layout from the styles.

• 1 - Calendar Icon Card
• 2 - Large Date Card (Gray)
• 3 - Large Date Card (Red)
• 4 - Small Date Card (Gray)
• 5 - Small Date Card (Red)
• 6 - Basic Cards (Gray)
• 7 - Basic Cards (Red)

 

Category ID (Optional)

Specify a Category ID to only display events from a category. To find the ID associated with a calendar category, you can do so by logging into Add-Ons, selecting Calendars, and then clicking on the Manage Categories Icon next to the appropriate Calendar Add-On listed.

 

Open Links in New Tab

Open calendar feed event links in a new tab or window.

 

 

Styles

---

Style 1

Calendar Icon Card

Calendar ID: 147
Events: 4
Style: 1 - Calendar Icon Card
Category ID: N/A
Open Links in New Tab: No

 

 

Style 2

Large Date Card (Gray)

Calendar ID: 147
Events: 4
Style: 2 - Large Date Card (Gray)
Category ID: N/A
Open Links in New Tab: No

 

 

Style 3

Large Date Card (Red)

Calendar ID: 147
Events: 4
Style: 3 - Large Date Card (Red)
Category ID: N/A
Open Links in New Tab: No

 

 

Style 4

Small Date Card (Gray)

Calendar ID: 147
Events: 4
Style: 4 - Small Date Card (Gray)
Category ID: N/A
Open Links in New Tab: No

 

 

Style 5

Small Date Card (Red)

Calendar ID: 147
Events: 4
Style: 5 - Small Date Card (Red)
Category ID: N/A
Open Links in New Tab: No

 

 

Style 6

Basic Cards (Gray)

Calendar ID: 147
Events: 4
Style: 6 - Basic Cards (Gray)
Category ID: N/A
Open Links in New Tab: No

 

 

Style 7

Basic Cards (Red)

Calendar ID: 147
Events: 4
Style: 7 - Basic Cards (Red)
Category ID: N/A
Open Links in New Tab: No