Customizing Appearance Overview

There are many ways you can integrate generated calendars into your existing web site:

Display calendar in an IFRAME
Custom Headers and Footers (described in the next section).
Display calendars in a regular frame.
Use the RSS Feed capability to insert calendar data into your own web pages.
Server Side Include of OutputCurrentWeek
Use the provided JSP samples to completely customize your own look and feel.
TARGET=_BLANK HREF to open new window.

Colors and fonts used by the calendar are controlled by the cascading style sheet.

Many calendar viewing options (resource, stop times, time zone, etc) are controlled by the User Preferences for the GUEST or PUBLIC user (Permissions for Anonymous Users, User Preferences).

Display calendar in an IFRAME

This is hands down, the easiest method of integrating Connect Daily. An IFRAME is an inline frame. It's really simple to use, and it gives a good result. For the technically minded, the IFRAME acts like a scrollable DIV where you can set a source URL for the content. Here is a sample snippet for doing an IFRAME

<html>

<head><title>IFRAME Integration Demo</title</head>

<body>

<h1>My Content Here</h1>

Your browser doesn't support frames.

Click here to see the calendar.

</A>

</IFRAME>

</body>

</html>

If you use IFRAME, you'll probably want to turn off any custom headers and footers by deleting the Default Header and Default Footer from the System | Configuration | Appearance screen.

Display calendars in a regular frame.

The HTML fragment below will display a standard navigation frame on the left, and Connect Daily's month view calendar on the right.

<html> <head> <title>My Web Site</title> </head>

<frameset cols="30%,70%"> <frame name="TOC" SRC="MyMenu.htm"> <frame name="BODY" SRC="calendar/ViewCal.html"> </frameset> </html>

TARGET=_BLANK HREF

The first and simplest method is to create a link on your web page to the calendar display page. If your master calendar ID that you wish all users to see is 3, then you would add this to your web page's HTML code:

<A HREF="calendar/ViewCal.html?calendar_id=3&approved=1&dropdown=1" TARGET=_BLANK> Click here for our calendar </A>

Server Side Include of OutputCurrentWeek

The servlet OutputCurrentWeek allows you to incorporate the calendar directly into your HTML. In order to do this your web server must support server side includes. If you are not sure if your web server does this, ask your system administrator. The line below shows how to insert the calendar for the current week into a page:

Additional arguments unique to OutputCurrentWeek are week= and year=. Year must be present if week is specified.

View Complete List of Servlet Arguments

Using JSP to Customize Appearance

In the WEB-INF/misc/samples/ASP directory are sample ASP and JSP pages that demonstrate creating a fully customized calendar display.