Calendar module

Content

1. Introduction
2. Connecting the module to a page
3. Managing the calendar module

1. Introduction

The Calendar module of Site@School has the following features:

(top)

2. Connecting the module to a page

Before you can use the calendar module, it must be connected to a page on the site. Read the Module manager chapter on how to do this.

(top)

3. Managing the calendar module

NOTICE: Before you can configure a calendar, you must have made a page with a page name in the page manager. For example, the page you made was called 'Events'. Remember the name.

Go to the module manager, click on the calendar module. You will see:

[ ]
mod_cal_start.png

Now you can add a calendar or, with the 'Go back' button, return to the module managers main screen.
Click on 'Add Calendar'. You will see:

[ ]
mod_cal_config.jpg
Explanation:
  1. Calendar page name: Put in exactly the same page name as you previously used during the installation of a calendar module on a page with the pagemanager. For example, put in 'Events' (omit the ' and ').
  2. Introduction text (HTML code): Here you can put a text that will be above the calendar. By using simple HTML tags in the text you can markup the text.
  3. List of color configurable options: These texts speak for themselves.
  4. Hexadecimal value: The hexadecimal value of the color.
  5. Color of hexadecimal value: The color of the hexadecimal value. Changes in the color will be visible after saving the configuration data.
  6. Color to hexadecimal converter: Moving your mouse over the colors gives their hexadecimal values. You can use this tool to find the hexadecimal value for a color. You must enter the color in the field by typing the value in the field.
  7. Width of the table in pixels: Adjusting the width makes it possible to exactly fit the calendar on a page on your site.
  8. Height of the cell in pixels: Adjusting the height makes it possible to exactly fit the calendar on a page on your site.
  9. Cancel: To cancel your work and return to the previous page.
  10. Save: To save your work and return to the previous page.

Fill in all the entries and click on 'Save'. You are back at the previous menu and you will see the 'Events' calendar added:

[ ]
mod_cal_cal_added.png
Explanation:
  1. Garbage can icon: To delete the calendar
  2. Edit icon: To edit the name, colors, dimensions etc. of the calendar.
  3. Calendar name: The calendar name is the link to add data to a calendar. See below.
  4. Calendar name: Click to add entries to the calendar.
  5. Go back: Click to return to the module manager main screen.

Click on the calendar name. You will see:

[ ]
mod_cal_add_month.png

Click on 'Add month'. You will see:

[ ]
mod_cal_edit_month.jpg

The calendar events field [3] will be empty. In the picture above the examples mentioned below are used.
Explanation:

  1. Month: Click on the dropdown menu and select the month of the year.
  2. Year: Click on the dropdown menu to select a year.
  3. Events entry field: You can have one or more entries per day or the same entry on a row of days. Never use double quotes (") in the texts.(Embolden text)
    These calendar text entries all have more or less the same form:
    <day number> <underscore> word(s) for the event <comma>more text <enter>
    Examples:
  4. Cancel: To cancel your work and return to the previous menu.
  5. Save: To save your work and return to the previous menu.

(top)

Author: Dirk Schouten <schoutdi (at) knoware (dot) nl>
Last updated: 2006-04-12