Administrators can create a list of upcoming events to be included on any web page. Login as Administrator, go to Admin Menu, the go to Web Tools and follow the steps below to set options for the upcoming event list.
| 1. |
The Preview shows what your upcoming event list will look like on a web page. Changing the color, font and style options on the screen will automatically update the preview.
You must save your settings before changes will appear on your web page. If there are no events currently in your calendar, the preview will display example events. |
| 2. |
You must check the box "Check To Enable Upcoming Event Lists" to enable the upcoming events list feature. |
| 3. |
Enter "Heading Text" that will appear at the top of your upcoming event list. The maximum number of characters allowed for the heading text is 250. |
| 4. |
Optionally choose a "Heading Icon" from the list to appear in the heading section of the upcoming events list. After choosing, the icon will show in the preview. |
| 5. |
Enter "Maximum Number of Events To Display" in the upcoming events list. Events are selected and displayed in the sequence of their start dates and times. This value cannot exceed 50 events. |
| 6. |
Enter "Message To Display If No Events" text. This text will appear in the upcoming events list if there are no events in the selected calendar categories to be shown. |
| 7. |
Click on category names to "Choose One or More Categories" from which events will be selected to appear in the upcoming event list. Only public categories are listed for security reasons. |
| 8. |
Enter "Number of Characters For Event Description Summaries". This determines the maximum length of detailed event descriptions that will be shown in the upcoming events list. Longer descriptions will be truncated at this number of characters. Users may view the full detailed descriptions for an event by clicking on the event title.
The maximum for this value is 250 characters. Setting this value to zero will prevent any detailed description information from being displayed in the upcoming events list. |
| 9. |
Adjust sizes, colors, fonts and styles for "Box Outline", "Heading", "Event Titles", "Event Dates", "Event Descriptions". Changes to these values will appear in the upcoming event list preview. |
| 10. |
Copy and paste the "JavaScript Code To Enter Into Your Web Page" wherever you want the upcoming event list to appear.
This code can be placed between <td> and </td> or between <div> and </div> html tags. The javascript code will cause the upcoming event list to expand within your html tags when your web page is loaded into a user's browser.
IMPORTANT: Many times javascript is entered in a web page's <head> tag or after the </html> tag. Do not enter the upcoming events list javascript in these areas on your web page.
You Must Save Your Settings For Changes To Be Visible On Your Web Page. We recommend opening your web page with the javascript code in a separate browser, using the Save button on to save your settings and then refreshing your web page to view the affect of your changes. Use the Save and Back button to return to the Admin Menu. |
