Calendar and Survey Style

Greetings everyone.

Since updating the look of the VT Event Calendar earlier this year, I've been asked how other groups can get the same look for their calendars too. I've also gotten some questions about Survey.vt.edu.

So, without further ado, here's how to make your calendar and/or survey look like calendar.vt.edu:

1. Download and unzip the following zip archives.
• calendar.zip
• survey.zip
2. Find a website where you can put the css and image files. Ideally this will be the website that links to the calendar or survey. (If you need to, change the paths to the background images in the stylesheets. Remember, paths to images in stylesheets are relative to the stylesheet, not to the parent document.)
   
3. Login to your calendar or survey and go to the section of the administrative interface where you can control the header, footer, and colors etc.
4. Open calendar_settings.txt or survey_settings.txt and use as a guide to customizing your calendar or survey. (Don't forget to change the paths to the stylesheets and images in the header HTML. These paths will be absolute paths to the website where you stored your stylesheets and images in Step 1.)
5. Save your changes.

Unfortunately you won't be able to preview your changes in the Event Calendar before they go live, so you might want to make the changes when no one's looking (whenever that is for your calendar).

In Survey.vt.edu however, you can preview and tweak to your heart's content, so have fun!

Documentation for the Event Calendar and Survey.vt.edu are available on the computing.vt.edu website.

By the way, the HTML I'm using for the Calendar/Survey has very little to do with the HTML for the Templates. It's not standards compliant for one thing. The HTML for the Calendar/Survey is very difficult to style, so there wasn't any way around hacking things up a bit.