How to Create Calendar with Events on Drupal 7

Having calendar and events on website is important if you want to show users your schedule using your website. For example if you are an artist or political that has many schedule and you want user know your schedule. Creating calendar with agenda using drupal site doesn’t difficult. You can user view, calendar, date, and some additional modules

Below I show you how to create calendar with agenda on drupal based site. You can show the calendar in block or even page. This tutorial based on drupal 7

Modules

You need to install these modules:

Additional Modules that you can add to customize your calendar. You may not to install these modules

Install and active all these modules above. If you are confuse on about Date modules you can active all of them or only active necessary part which are: Date, Date API, Date Popup, Date Tools, Date Views

Setup Calendar

Create Calendar Content Type

  • Go to Structure > Content Types > Add New Content Type
  • Add the name (for example: Events) and click Save and Add Fields button
  • On Manage Fields tab -> Add New Field
  • This is the important thing: Type name and choose Field Type: Date and Widget: Pop-up calendar
  • You can add any additional fields as you like
  • Click Save button after finish
  • Manage Field date setting on the next screen
  • Click Save Field Settings button

Calendar

Try to submit event using the Events content type from Content > Add Content > Events

Note: You can also edit your existing content types and add new field for date field type

Create Calendar View

  • Go to Structure > Views > Add Views from Templates
  • Choose by clicking Add on A calendar view of the 'field_date' field in the 'node' base table.. Field_date is the field machine name that you've created above. If you fill the field with event and the machine name is field_event then you will find on views template: A calendar view of the 'field_event' field in the 'node' base table.
  • Type view name's
  • You can edit your view on the next page. If you are confuse then you just need to click Save button

Calendar

Show on Website

You can show the calendar on sidebar or any block that is supported by your drupal theme

  • Go to Structure > Block
  • Find block with title View: Your Calendar Block Name. For example View: Calendar
  • Add the block in any region that you like
  • Click Save Blocks button

Result

Now you can see calendar on you drupal site. Move your mouse on some events date and you will see popup with title of event of the day.

Calendar

Congratulation, now you can create calendar on drupal. It's easy isn't