[7.5.3] Events Island - 07/24/2009 3:24 PM
This custom island displays the last N number of public events from your Calendar. Clicking on the event's title takes you to forum post or calendar entry, depending on how the event was created.
The code for the custom island is attached. Configure the date format you wish to use along with the number of items to display in the header of the code.
Formatting of the island is controlled via two new CSS classes you need to create in your site's stylesheet (Styles > Extra Properties):
.event_item - applies to each event
.event_today - only applies to events occuring "today" (i.e. useful for highlighting)
The classes I've defined on my site are:
and the results can be seen in the attached screenshot.
Version 2 Update
Added version 2 of the Events Island code with the following changes:
Version 3 Update
The code for the custom island is attached. Configure the date format you wish to use along with the number of items to display in the header of the code.
Formatting of the island is controlled via two new CSS classes you need to create in your site's stylesheet (Styles > Extra Properties):
.event_item - applies to each event
.event_today - only applies to events occuring "today" (i.e. useful for highlighting)
The classes I've defined on my site are:
Code
.event_item {
padding-bottom: 5px;
}
.event_today {
font-weight: bold;
border-left: 4px solid red;
padding-left: 2px;
background-color: #ffd1d1;
}
Version 2 Update
Added version 2 of the Events Island code with the following changes:
- Only shows events from today onwards
- List sorted in ascending order (i.e. nearest event on top)
- Configurable display limit (set to 0 for no limit)
Version 3 Update
- Display custom message if no future events found
Description: Events island code
Description: events island screenshot
Description: events island v2 screenshot
Description: Events Island code v3