How to Create Calendar with Events on Drupal 7

Drupal Calendar

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

11 thoughts on “How to Create Calendar with Events on Drupal 7

  1. hello, i followed your tutorial and i have problems to show my events, i mean the calendar is there but is static, the events don’t appear neither the popup

  2. incidence managers say money aspect sequence coming from the united states white cross elevated across fifty thousthen us dollars thinking about internet hosting operate the annual in the past to come.Tallahassee inhabitants drive mile after mile For a quality outcome

  3. The size I obtained (this really is not an add – but I will claim that it can be %anchor% Watchers manufacturer) provides me: %anchor% in lbs ., lbs . of body fat, proportion unwanted fat, proportion h2o, proportion bone mass (important in case you are getting old and concerned about osteoporosis), and BMI. Which is a lot of truly practical details to have. You understand which kind of tissue is producing %anchor% gain/loss.

  4. of course like your web-site however you have to take a look
    at the spelling on several of your posts. Many of them are rife with spelling issues and I find it very bothersome to tell the reality then again I will certainly come back again.

  5. I don’t know whether it’s just me or if everybody else experiencing problems with your
    blog. It appears as if some of the written text in your posts are running off the screen. Can someone else please provide feedback and
    let me know if this is happening to them as well? This may be a
    problem with my web browser because I’ve had this happen previously.

    Kudos

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>