TutorialShow Gravity Forms Entries on a Calendar

Do you want to create a Calendar view filled with Gravity Forms entries, for example to show when events or deadlines are coming? With the Gravity Forms Calendar Add-on from GravityView that is easy to do.

MM slash DD slash YYYY
MM slash DD slash YYYY
Start Time
:
End Time
:

Show entries per month

You can generate a Monthly calendar overview:

Show entries per week

You can also display the Gravity Forms entries in a weekly format:

Show entries per day

Or show them per day:

How to configure a calendar for Gravity Forms

The Add-on adds an extra settings page in your Gravity Form. You can give it a Feed Name (this won’t be visible on the front-end of the site, but makes it easy to distinguish between created feeds).

Under Calendar Fields you can set:

  • Start Date: Connect to a Date Field in your Gravity Form. This is the only required field. If only a Start Date is provided, it will make it an all day long event.
  • End Date: Also a Gravity Form Date Field value, but this one is optional. If filled and it’s a date in the future compared to the Start Date, it will be a multi day event.
  • Start Time: On which time does the event start. This is a Gravity Forms Time Field (and optional).
  • End Date: On which time does the event end. This is also a Gravity Forms Time Field (and optional).
Screenshot of Gravity Forms Calendar settings, defining the Feed Name, Start Date, End Date, Start Time and End Time.
Screenshot of Gravity Forms Calendar settings, defining the Feed Name, Start Date, End Date, Start Time and End Time.

You are required to create an Event Title and you can use Merge Tags (and Merge Tag Modifiers) to build you custom Event Title the way you want it.

Optional is an Event Description (you can also use Merge Tags) and an Event URL (link to more information, or place to register, etc).

Screenshot of Gravity Forms Calendar settings: Event Title, Event Description, Event URL.
Screenshot of Gravity Forms Calendar settings: Event Title, Event Description, Event URL.

You can set a background color for the events on the calendar:

Screenshot of selecting a color for the Gravity Forms Calendar events.
Screenshot of selecting a color for the Gravity Forms Calendar events.

Layout options Gravity Forms Calendar

There are three layout categories:

  • Grid:
    • Monthly
    • Weekly
    • Dayly
  • Agenda:
    • Week
    • Day
  • List:
    • Year
    • Month
    • Week
    • Day
Screenshot of Layout options for the Gravity Forms Calendar.
Screenshot of Layout options for the Gravity Forms Calendar.

You can decide where the Calendar should start. This can be the currend day (Today), but if there is nothing to show for today, you can also automatically jump to the last event or the next event.

Screenshot of the settings for the date the calendar should be loaded.
Screenshot of the settings for the date the calendar should be loaded.

Calendar controls

Automatically on the top left the title (current month / week / day) will be shown and in the top right above the calendar an option to jump to today or to click forward or backwards through the calendar. The Add-on provides a handy WYSIWYG editor to change the way the controls are positioned.

Screenshot of the settings for the Calendar Controls.
Screenshot of the settings for the Calendar Controls.

Allow HTML Content

You can enable HTML content to be allowed in the event title and / or description.

Screenshot of enable checkbox for HTML Content in the Gravity Forms Calendar Event Title and Description.
Screenshot of enable checkbox for HTML Content in the Gravity Forms Calendar Event Title and Description.

Editing calendar events

You can enable editing events in the calendar. Authorized users can then drag and drop calendar items and edit the Gravity Forms entry.

Screenshot of enabling inline event editing, drag and drop events, editing entries with Gravity Forms Calendar
Screenshot of enabling inline event editing, drag and drop events, editing entries with Gravity Forms Calendar

Conditional Logic on Entries shown on the Calendar

You can also filter the Gravity Forms entries that should be visible on the Calendar.

Screenshot of Conditional Logic setting in Gravity Forms Calendar
Screenshot of Conditional Logic setting in Gravity Forms Calendar

Read more tutorials about Katz Web Services, Inc.

GravityView by Katz Web Services, Inc. is the best way to display Gravity Forms entries on your website. With GravityView you can easily display entries visitors (or users) of your website made using GravityForms on the front-end. It’s an amazing piece of software and developments are going strong. Katz Web Services, Inc. offers besides GravityView other interesting Add-ons for Gravity Forms like Import Entries, Inline Edit, GravityExport, GravityActions and Math. Visit GravityView.co
All tutorials Katz Web Services, Inc.