Adding an Event Calendar to your Joomla! Site using JEvents

Basic Joomla! is great, but there's so much more to it once you know how to use extensions. From video players to shopping carts, these 80 hands-on recipes give you the lowdown on the latest and greatest customizations.

 

Joomla! 1.5 Top Extensions Cookbook

Joomla! 1.5 Top Extensions Cookbook

Over 80 great recipes for taking control of Joomla! Extensions

  • Set up and use the best extensions available for Joomla!
  • Covers extensions for just about every use of Joomla!
  • Packed with recipes to help you get the most of the Joomla! extensions
  • Part of Packt's Cookbook series: Each recipe is a carefully organized sequence of instructions to complete the task as efficiently as possible
        Read more about this book      

(For more resources on Joomla!, see here.)

Getting ready...

There are many extensions to add event calendars to Joomla!. However, JEvents is the most feature-rich and popular extension. Download this extension from http://www.jevents.net/jevents-download and install it from the Extensions | Install/Uninstall screen.

How to do it...

After installing JEvents, follow these steps to add the calendar:

  1. From the Joomla! administration panel, select Components | JEvents. This will show you the JEvents:: Control Panel screen.
  2. Click on the Manage Categories icon in the Control Panel screen. This will show you the Categories screen, listing all the available categories, if any.

  3. Click on the New button in the toolbar. It will show you a form similar to that in the following screenshot:

  4. Enter a Title, select the parent category (if any), then select Access Level and Administrator, select Yes in Published field, and type a brief description of the category. From the Event Colour field, choose the color for the events in this category. Then click on the Save icon in the toolbar. Repeat the step to create another category.

  5. To go back to the Control Panel page, click on the CPanel icon on the Categories screen. Then click on the Manage Calendars icon in the Control Panel screen. That shows the Calendars screen.

    Joomla! 1.5 Top Extensions

  6. Click on the New button. This shows you a form similar to the one in the following screenshot:

    Joomla! 1.5 Top Extensions

  7. Type a Unique Identifier (name) for the calendar, select the default category and Access Level, select No for the Is Default field, and click on Create Calendar from Scratch. This creates a new calendar.
  8. Go back to the Control Panel page, and click on the Manage Events icon. This will shows you the Events screen. Click on the New button in the toolbar, and you will get the Edit Event screen.

  9. On the Edit Event screen, first select a calendar and then type the subject of the event. Then select a category, a color for the event, and the access level. In the Activity field briefly describe the activity, and then fill in the Location, Contact, and Extra Info fields. Then click on the Calendar tab.

        Read more about this book      

(For more resources on Joomla!, see here.)

  1. Using the Calendar tab, specify the Start Date, Start Time, End date, and End time. If you want to repeat the event, select a repetition type—Daily, Weekly, Monthly, or Yearly—from the Repeat type list. After doing so, click on the Save icon in the toolbar. It will take you to the Events screen and will list the added event.

  2. Now it's time to add menu items to your calendar. Select Menus | Main Menu, this will show you the Menu Item Manager: [mainmenu] screen. Click on the New icon in the toolbar, and it will show you the Menu Item: [New] screen.

  3. On the Menu Item: [New] screen, select Internal Link | Jevents | Monthly Calendar and it will show you the Menu Item: [New] screen, as shown in the following screenshot.

  4. On the Menu Item: [New] screen, enter the Title of the menu item and an Alias. In the Display in drop-down list, select Main Menu and select Top in the Parent Item list. Select Yes in the Published field and click on the Save icon in the toolbar.
  5. Now preview the site's frontend and you will see the menu item in the Main Menu. Click on the menu item you created, and it will show you the Events Calendar by month.

    Joomla! 1.5 Top Extensions

  6. As you can see, the events added to the event calendar are displayed with different colors, reflecting categories. At the top of this screen you will see some icons, through which you can view the event list differently—by year, by month, by week, and so on.

There's more...

You can configure many of the display aspects of the JEvents calendar. This can be done by going to Components | JEvents and then clicking on the Configuration icon. The configuration screen looks like the following screenshot:

There are several tabs on the Global Configuration screen, through which you can configure the look and feel of the calendar, permissions, editing, and other views.

Summary

JEvents is the most feature-rich and popular extension for event calendars. In this article we have seen how to add the event calender to your Joomla! Site. There's more! The next article will be on—Showing your Google calendar on your Joomla! site using GCalendar.


Further resources on this subject:


Books to Consider

Joomla! 1.5 Site Blueprints
$ 23.99
Building Websites with Joomla! v1.0
$ 13.50
Joomla! 1.6 First Look
$ 23.99
comments powered by Disqus