Prior to using the Webtools Calendar paragraph, you need to enable and configure widgets on your calendar.

Widget setup instructions

  1. Log into Webtools
  2. Go to Calendar > Setup
  3. Select your calendar from the list
  4. Click on the 'Widgets' Tab

Full list with description option

  1. From the 'Available Widgets' list, select 'Generic 1a'
  2. In the 'Number of Events' field, type in the number of events you wish to show (the default is 3)
  3. Select your preferred formats for Weekday, Date, and Time
  4. For the checkboxes, check the information you would like to show. If you would like to show all available calendar information, check all boxes except 'Add event link in footer' and 'Calendar link in footer'
  5. In the CSS box, select all default CSS and delete it so there is no default CSS (the styles will come from the Illinois Theme)
  6. Save the calendar widget, then navigate back to your paragraph to finish set-up

Full List Calendar Example

Simple list with title and date

  1. From the 'Available Widgets' list, select 'Generic 1b'
  2. In the 'Number of Events' field, type in the number of events you wish to show (the default is 3)
  3. Select your preferred formats for Weekday, Date, and Time
  4. Leave all checkboxes unchecked except 'Open in a new browser when events are clicked'
  5. In the CSS box, select all default CSS and delete it so there is no default CSS (the styles will come from the Illinois Theme)
  6. Save the calendar widget, then navigate back to your paragraph to finish set-up

Simple List Calendar Example

Simple List with Calendar Icon

  1. Log into Webtools
  2. Go to Calendar > Setup
  3. Select your calendar from the list
  4. Click on the 'Widgets' Tab
  5. From the 'Available Widgets' list, select 'Title and Date with a calendar date icon 1a'
  6. In the 'Number of Events' field, type in the number of events you wish to show (the default is 3)
  7. Select your preferred formats for Weekday, Date, and Time
  8. In the CSS box, select all default CSS and delete it so there is no default CSS (the styles will come from the Illinois Theme)
  9. Save the calendar widget, then navigate back to your paragraph to finish set-up

Calendar cards

  1. From the 'Available Widgets' list, select 'Title and Date with a calendar date icon 1b'
  2. In the 'Number of Events' field, type in the number of events you wish to show (the default is 3)
  3. Under the 'Day of the Week' dropdown, select 'Weekday'
  4. Under the 'Date' dropdown, select 'Month d'
  5. Under the 'Time' dropdown, select 'h:mm am'
  6. In the CSS box, select all default CSS and delete it so there is no default CSS (the styles will come from the Illinois Theme)
  7. Save the calendar widget, then navigate back to your paragraph to finish set-up