Skip to main content

Calendar example

Use the calendar component and a filtered view of data from the master calendar to only show your events.

This example should, with luck, get you by until we have documentation for the component.

Agency-specific calendars

Calendars: Everybody wants one

Okay, not everybody wants one. But you must, or you wouldn't be looking at this.

Steps to add a calendar to a page

  1. (Steps 1-3 require a Sitecore Admin) In the content editor, right-click Page Data
  2. Pick insert.
  3. Pick insert from template.
  4. Pick calendar.
  5. In the new calendar item, in the box labeled API, put the URL of your data.
    • For example, https://data.kingcounty.gov/resource/a5hq-yx6s.json?parks=true brings in all data in the master calendar that has the box for "Parks" checked.
    • If the calendar data has keywords, you can use those to filter the data. For example, https://data.kingcounty.gov/resource/a5hq-yx6s.json?feed_keyword_s=inquest will return all calendar entries that have "inquest" in the keyword section of the data.
  6. In the experience editor, click the "Add a new component" button to display all the "Add here" buttons.
  7. Mouse over these buttons to get the name of the placeholder where you want to add the calendar. You'll need that in a bit.
  8. In the content editor, click the page that has the calendar.
  9. Pick Presentation on the ribbon.
  10. Click Details.
  11. Click Final Layout.
  12. Click Edit.
  13. Click Controls.
  14. Click Add.
  15. Click Calendar.
  16. Fill in the "Add to placeholder" box with the name of the placeholder you noted above.
  17. Click Select.
  18. Under data source, use the browse button to go to the calendar item you inserted above.
  19. Click Okay.
  20. Click Okay.
  21. Click Okay.
  22. Page preview should now show the calendar.
expand_less