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 descriptions Example

Full list with descriptions setup instructions

  1. Log into Webtools
  2. Go to Calendar > Setup
    Screenshot of webtools menu with 'Setup' highlighted
  3. Select your calendar from the list of available calendars
  4. Click on the 'Widgets' Tab
    Screenshot of Calendar setup tabs with 'Widgets' highlighted
  5. From the 'Available Widgets' list, select 'Generic 1a'
    Screenshot of widget list with the 'Generic 1a' checkbox highlighted
  6. This widget will now be moved to your list of 'Selected Widgets'. Click on the widget link to edit the settings.
  7. The 'Notes' field can be left blank.
  8. In the 'Number of Events' field, type in the number of events you wish to show (the default is 3).
  9. Select your preferred formats for Weekday, Date, and Time.
  10. 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'.
    Screenshot of calendar setting checkbox list
  11. 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).
  12. Save the calendar widget.
  13. Navigate back to calendars and select "manage". 
  14. Click on your calendar, and make sure to check the "Widget" box.
    Screenshot of Webtools Calendars options.
  15. Navigate back to your Drupal paragraph to finish set-up.

Simple List Calendar Example

Simple list with title and date instructions

  1. Log into Webtools
  2. Go to Calendar > Setup
    Screenshot of webtools menu with 'Setup' highlighted
  3. Select your calendar from the list of available calendars
  4. Click on the 'Widgets' Tab
    Screenshot of Calendar setup tabs with 'Widgets' highlighted
  5. From the 'Available Widgets' list, select 'Generic 1b'.
    Screenshot of calendar widget list with 'Generic 1b' checkbox highlighted
  6. The 'Notes' field can be left blank.
  7. In the 'Number of Events' field, type in the number of events you wish to show (the default is 3)
  8. Select your preferred formats for Weekday, Date, and Time
  9. Leave all checkboxes unchecked except 'Open in a new browser when events are clicked'
    Screenshot of widget settings checkbox list
  10. 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)
  11. Save the calendar widget, then navigate back to your paragraph to finish set-up

Simple List with Icon Calendar Example

Simple list with icon setup instructions

  1. Log into Webtools
  2. Go to Calendar > Setup
    Screenshot of webtools menu with 'Setup' highlighted
  3. Select your calendar from the list
  4. Click on the 'Widgets' Tab
    Screenshot of Calendar setup tabs with 'Widgets' highlighted
  5. From the 'Available Widgets' list, select 'Title and Date with a calendar date icon 1a'
    Screenshot of calendar widget list with 'Title and Date with a calendar icon 1a' checkbox highlighted
  6. The 'Notes' field can be left blank.
  7. In the 'Number of Events' field, type in the number of events you wish to show (the default is 3)
  8. Select your preferred formats for Weekday, Date, and Time
  9. 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)
  10. Save the calendar widget, then navigate back to your paragraph to finish set-up

Calendar Cards Example

Calendar cards setup instructions

  1. Log into Webtools
  2. Go to Calendar > Setup
    Screenshot of webtools menu with 'Setup' highlighted
  3. Select your calendar from the list
  4. Click on the 'Widgets' Tab
    Screenshot of Calendar setup tabs with 'Widgets' highlighted
  5. From the 'Available Widgets' list, select 'Title and Date with a calendar date icon 1b'
    Screenshot of calendar widget list with 'Title and Date with a calendar icon 1b' checkbox highlighted
  6. The 'Notes' field can be left blank.
  7. In the 'Number of Events' field, type in the number of events you wish to show (the default is 3)
  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.
  10. Navigate back to calendars and select "manage". 
  11. Click on your calendar, and make sure to check the "Widget" box.
    Screenshot of Webtools Calendars options.
  12. Navigate back to your Drupal paragraph to finish set-up.