This article will show you how to add a Calendar Widget to your page and customize how it displays.

Important Notes:
The Calendar Widget will not display on your page if there are no upcoming Events in the Categories that you want to display in the Widget.

Who can use this feature?
System Administrator | Owner | Publisher | Author

Add a Calendar Widget to a Page

Log in to your site and navigate to your desired page
Ensure that Live Edit Is On
Select the Widgets tab
Select Modules
Drag and drop the Calendar widget onto your page
Fill in Widget options
- Skin: Select a styling option for your widget
- Header Text: Text that will appear above the Calendar
- Option Set: Choose the desired Option Set
  Note: Typically, only Default is available depending on your website design.
- Display: Set the number of items to display in your widget
  Note: If there are more items in your category than the number in this field, your citizens will see a link to View All items.
- Number of Columns: Indicate how many columns you would like in the widget
- Category: Choose the appropriate category (or categories)
- Advanced
  - Widget Breakpoint: Width at which the widget will switch from narrow to wide view
  - Push To All Versions of this Page: Add a copy of this widget to all versions of this page
  - Push To All Subpages of this Page: Add a copy of this widget to all subpages of this page
  - Push Options: Choose where to put the widget within pushed pages
Select X at the top right corner of the Widget Options box to save your options
Click Save

Edit the Display of a Calendar

Important Notes:
We recommend that you do not change the Skin, Header Text, or Option Set options. These options are set based on the design you chose during the Implementation phase of your project. If you have any questions about these design features, please contact your Customer Success Manager.
You may create a new option set if you have Design Center Pro.

Log in to your site and navigate to your page
Ensure that Live Edit Is On
Hover over your calendar and select the Widget options menu
Edit the options
- Skin, Header Text, Option Set: We recommend that you do not change these settings.
  Note:
  These options are set based on the design you chose during the Implementation phase of your project. If you have any questions about these design features, please contact your Client Success Manager.
- Display: How many calendars to display before a Show All option appears
- Number of Columns: How many calendar columns to display
- Category: Select the categories you want to display
- Advanced Options:
  - Widget Breakpoint: Width at which the widget will switch from narrow to wide view
  - Push To All Versions of this Page: Add a copy of this widget to all versions of this page
  - Push To All Subpages of this Page: Add a copy of this widget to all subpages of this page
  - Push Options: Choose where to put the widget within pushed pages
Select X at the top right corner of the Widget Options box to save your options
Click Save

Add a Calendar to a Page