Working with Calendars

Detailed Explanation

What is it Used For? | Create Calendar | Add a Calendar to the Page


What is it Used For?
The calendar feature allows you to add one or more interactive calendars to your site. The calendar is added to a Web page by using a calendar component and modified by using the calendar manager. You can add interactive calendars for events such as: To add a calendar to your Web site, you need to create the calendar first and then add the calendar to the Web page.
Back to the Top of the Page

Create Calendar
To create a calendar from the Calendar Manager, go to the Administration home page. Click on the blue text of your sitename to go in to the Website Editor. Click on "Tool Box" in the secondary navigation menu. Click on "Calendar Manager".

When the Calendar Manager page first loads, you will see the following screen

Enter in a name for your new calendar, then click on the button "Create". You will see the following screen:

Choose your calendar in the drop-down menu to the right of the text "Calendar". Click on the button "Edit" to edit the calendar. Click on the button "Delete" to delete the calendar. When you edit the calendar, you will see the following screen:



Back to the Top of the Page



Add a Calendar to the Page
There are two methods to add components to a page. The first is from the Page Menu in the Page Editor. The second method is from the editing square inside of a container component.

Method 1 - adding a component from the Page Menu
Method 2 - adding a component from the editing square

Once the calendar component has been added to the page, you can now edit the calendar component - which determines how the calendar will appear on the website.
Back to the Top of the Page
    Edit Calendar

    Once you have created your calendar using the Calendar Manager, specify which calendar to use for this calendar component.

    Designate whether you want the calendar to display on the website as full-view or reduced view using the checkbox to the right of the text "Full View". If you want Web site visitors to see the event times in full-view, click the checkbox to the right of the text "Show Event Times". The width and height dimensions of the days in the full-view calendar can be specified in the text fields next to the text "Day Width" and "Day Height". Please keep in mind that the width and height that you specify are suggestions to the system if nothing else restricts the size. That is, the system will attempt to display the width of each day evenly across the available width of the browser window while still trying to keep your suggested width and height dimensions.

    Specify your color labels for Title Background, Title Font, Days Of Week Background, Days Of Week Font, Days Of Month Background, Days Of Month Font, Blackout Border, Event Background, Event Font, and Border Color by clicking on the dashed-square to the right of the text.

    When done configuring your options for the calendar component, click on the button "Update" to save and apply your changes.
    Back to Add a Calendar to the Page
    Back to the Top of the Page



Back to the Top of the Page
Back to the Previous Page