Documentation

 

Adding a calendar to an area of your site.

Step 1: Add a page type of "Calendar" somewhere on your site. It can be the page you intend to have publicly showing as your calendar or it can be somewhere else. You can add multiple Calendar pages as well.

Step 2: Either on the same page or somewhere else, add a block of type "Calendar." Choose either This page, or the page that you added in Step 1. Select the mode of display. That will print out an empty calendar on the page you added the calendar to.

Then, if you add a calendar event page type below the calendar page you added in step 1, it should show up everywhere a block loads data from that calendar, in whatever mode.

Note-- you only want to add one calendar block per page.

Adding Events

You won't even have to go through the standard concrete5 add pages process to add Event pages- you can click "Add Event" in the agenda view, click the top of the day in month view, the day in five week view, or “Add events to this calendar” in Full List view, that you'd like to add the event to, and the overlay comes up for you to enter your event details.

Editing Events

Go to the page your event is on, click Edit in the editing toolbar. This will open the edit drop down menu, click on properties.

On the Standard Properties tab, you can edit your event's name, and event’s description.

On the Custom Attributes tab, you can change event date/time, if it’s an all day event, and whether it's featured.

Using "Featured" Events

It is possible to have a smaller, more specific calendar of events elsewhere on your site. To have only a subset of events appear on a special page, you can use the calendar block.

  1. Create a main calendar somewhere on your site. Make sure it is the "Calendar" page type.
  2. On another page on your site, add a calendar block and set it to display the "Calendar" page you created in step 1. You also want to set this block to show only "featured" events.
  3. When you create events on your main calendar, modify the page attributes before you publish the page for the event and set the attribute "Is Featured". Now this event will show up in your sub-calendar.

Hiding Events

If you don't want new events to appear in a navigation menu built with the Autonav block, or a list of pages built with a Page List block, simply set a Custom Attribute in Page Type Defaults.

Go to Dashboard > Pages & Themes > Page Types, find the Page Type named "Calendar" in the list, and click the Defaults button. You'll see a blank template for new Calendar event pages. Mouse over the Edit pencil icon and click the Properties link. Find the Custom Attributes tab and click it. Then, on the left side menu, find "Exclude from Nav". Click to apply the attribute, then click the checkbox in the right column and click the Save button.

You may also want to repeat this process for the "Exclude from Page List" custom attribute as well, to prevent your events from being listed by a Page List block.

Customizing Calendar Styles

All calendar styles should be located in calendar/css/calendar.css. To edit these in your site, duplicate packages/calendar/css/calendar.css into your theme's directory, and edit it there.