Skip to content

Instantly share code, notes, and snippets.

@baerkins
Last active June 28, 2017 14:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save baerkins/d0f2416f1bb4f5411b8687229bf9719d to your computer and use it in GitHub Desktop.
Save baerkins/d0f2416f1bb4f5411b8687229bf9719d to your computer and use it in GitHub Desktop.
Tribe Event Calendar Content Options

Calendar Event Content Options

There are many variables at play when events are created. This is a list of content pieces that Tribe Events can output by default:

Basic Data

  • Title
  • Content
  • Featured Image
  • Event Category
  • Tags

Date - Required - will be one of the following:

  • Single Day (single date with start/end times)
    • ex: Tuesday, July 4th, 2017 10:00am - 6:00pm
    • ex: July 4th, 2017 10:00am - 6:00pm
  • All Day (single date without start/end times)
    • ex: Tuesday, July 4th, 2017
    • ex: July 4th, 2017 - All Day
  • Multi Day with start/end times (Note: time is only start date time and end date time, not per day)
    • ex: Tuesday, July 4th, 2017 8:00am - Friday, July 7th, 2017 8:00pm
    • ex: July 4th @ 8:00am - July 7th, 2017 @ 8:00pm
  • Multi Day All Day (without start/end times)
    • ex: Tuesday, July 4th - Friday, July 7th, 2017
    • ex: July 4th - July 7th, 2017

Location (Venue) - Optional

  • Name
  • Street Address, City, State, Zip
  • Phone
  • Website (url)

Organizer - Optional

Can have be multiple organizers

  • Name
  • Website (url)
  • Email
  • Phone Number

Misc - Optional Fields

  • Event Website (url)
  • Event Cost
  • Featured Event (allows for special styling)

Date Formats & Testing

Things to consider when designing events:

Formatting Dates

  • Days of week can be abbreviated to 3 letters (Mon, Tue, Thu)
  • Months can be abbreviated to 3 letters (Jan, Jun, Jul, Sep)
  • Start and ends can have different formats if needed
    • ex: Monday, July 3rd - 07/07/2017
  • Other formatting for dates and times can be found here

Tribe Event Date Formatting Considerations:

  • Multi Day dates may spill over from one month to another.
    • ex: July 4th - 4th, 2017 vs. July 4th - August 4th, 2017
  • Multi Day dates may spill over from one year to another.
    • ex: Monday, Dec. 18th - Wednesday, Jan. 3rd, 2017

Testing Dates

When designing dates and date areas, make sure to test with these variables to ensure there is adequate room:

  • Widest Day Name: Wednesday
  • Widest 3 Letter Abbr: Wed
  • Widest Month: September
  • Widest Abbreviated Month: May
  • Widest Numeric Month: 09
  • Widest Numeric Day: 09

Widest Date Samples:

  • 09/09/2009
  • September 09, 2009
  • May 09, 2009
  • Wednesday, September 09, 2009
  • Wed, May 30, 2009
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment