Typo3 Developer: JW Calendar Extension Tutorial
This tutorial is a supplement to our article “Why Typo3 for Associations?” The JW Calendar extension is especially helpful for event management and planning. This tutorial will first present several screenshots of the JW Calendar. It will then go through the steps needed to install the extension. These steps include downloading the extension from the Typo3 website, installing the extension using the extension manager, inserting the plugin on a page, and finally customizing the extension.
|
 |
Relevant events are listed below the calendar. The calendar can be customized so that committee participants only see upcoming events that pertain to them.
|
 |
Event detail is revealed when a user clicks on an event link. Detail may include the title and subtitle of the event, staff contact information including telephone and email address, the location of the event, as well as the date and time that the event begins and ends.
|
 |
The calendar can be set by the user to display events for the month, or just for the week, as shown here.
|
 |
Installation
To install the extension, follow these steps…
1. Download the compressed extension from the extensions repository at http://typo3.org/extensions/
Use the search box to search for the name of the extension you want to install. In this case, the extension would be “jw calendar.” When the results of the search appear, click on the title of the extension.
|
 |
a. Next, click on the “Details” link to access the files associated with the extension including the manual and compressed extension.
|
 |
b. The manual can be downloaded as a .sxw file. This file can be read using Text Document from the Open Office Suite. The Suite can be downloaded free from http://www.openoffice.org/.
Additionally, the compressed extension can be downloaded as a .T3X file.
|
 |
2. In your installation of Typo3, under Tools in the left menu, click on the link to the Ext Manager. In the Extension Manager, upload the extension file from your hard drive to your Typo3 website, and follow the prompts to install.
|
 |
3. Click on an existing page in page view. Then click on the "New Content" button at the top of the page. On the page that appears, scroll down to the Plugins section. Under Plugins, select the radio button next to the JW Calendar extension. This will insert the plugin on your page.
|
 |
4. Once the plugin is inserted on the page, a FlexForm will be available so that you can configure the calendar. There are general settings as well as more specific settings for the various views available including month view, list view, week view, and day view. Front end entries can be added as can tooltips that show more information about events when users roll over calendar entries in the month view. Use the tabs to navigate the FlexForm and customize the plugin according to your situation.
|
 |
FlexForm Plugin Configuration |
Feedback
How did you configure the extension to get the upcoming-events-view?
The extension can be configured to display events as a list by selecting Listview as the View Mode. What is nice about the JW Calendar Extension is that you can add event categories, set what categories you want to display, and even assign group access to each category.
You may want to consider placing a general calendar on a page displayed as Monthview to present all categories of events. You could then place calendars under that with the View Mode of each set to Listview, one calendar for every category. Assign access privileges to each of these calendars to the group that corresponds to an event category. Users will appreciate being able to see both the general calendar as well as any events relevant to the user listed below the general calendar.
Thanks for the feedback!