Theme Overview

Themes contain the design elements that make up the public calendar and can be customized to match any design, allowing Helios Calendar to be seamlessly integrated to any site.

Themes Structure

While the exact contents of a theme can vary (based on it's design), a typical theme will contain most of the following:

• /css [dir] - contains CSS files for the theme.
• /img [dir] - contains images for the theme.
• /js [dir] - contains JavaScript files for the theme.
• archive.php
• digest.php
• event.php
• footer.php
• form.php
• header.php
• index.php
• location.php
• map.php
• newsletter.php
• preview.png
• series.php
• side.php
• signin.php
• tools.php
• user.php

Reference Creating Themes for details on building your own theme.

Images

Within the admin console admin users have the option to add an image URL to events (Event Image) & locations (Location Image). This image will receive special use within the public calendar including event browse & event details (Event Image) and within the location profile (Location Image). The use, location, display & styling of this image can be fully customized theme to theme and can be fully styled via CSS (for consistent display within the overall page layout.

Markup

Most Helios Calendar themes utilize HTML5 for their markup, however, this is not a requirement. Markup generated by Helios Calendar's is done in “plain” HTML. The doctype applied to an individual theme can be customized to any doctype you prefer.

Stylesheets

Most Helios Calendar themes utilize CSS3 within their stylesheets, however, this is not a requirement. The CSS techniques utilized with an individual theme can be customized to any you prefers.

Customization

A number of custom theme functions are available to customize public calendar functionality within the theme.

Installing a New Theme

To add a new theme to your Helios Calendar install upload the theme to your Helios Calendar's /themes directory.

Ex: To upload the default theme the contents of the /default directory would be uploaded to: /themes/default

Themes Settings

Installed themes can be previewed, and Themes Settings configured, within the admin console.