How to obtain and update the Website Embed Code for different default display formats and how to add a border

The following examples will show the code to use when you want to have a default display format of Month, Week, Day, or Agenda. It will also show how to add a border around the calendar.

1. The embed link for each calendar is unique to each organization.
2. The basic code must be obtained through the view settings. Note, this is also where you get the Feed URL to upload into a calendar that allows such a feed; Google Calendar for example.
   
   
   • Find the view you want to share (1). To learn how to create a view, see, How to create a public view.
     • Once you have created the view, any items that fit into the category for that view will be present on your embedded calendar going forward.
   • Click the gear button to the right (2).
   • Select the default display from the dropdown: Month, Week, Day, or Agenda (3)
   • Copy the Website Embed Code link (4).
3. As you will see from the examples of Embed Codes below:
   • The difference in the default display is found at the end of the specific calendar view code beginning with a hashtag and ending in month, agendaWeek, agendaDay, or list. You may update this in your code manually if you wish to change the default display format. Or, you may set it following the steps in #2 above and getting a new copy of the link.
   • If you want a border around your embedded calendar, you may change the border coding. The default border coding is no border coded as:
     border: 0;
     This may be changed to add a border. Some examples are listed below. The examples are not exhaustive and you may find other options through a google search.

Month

Agenda

Week

Day

Updated December 04, 2023 15:47