Best Bits event calendar – Frequently Asked Questions

How do I add my own events to the calendar?

If you just want to add a single event, use the “Post Your Event” button.

If you want to add a full calendar feed, use the “Add Your Calendar Feed” button.

Why can’t see a certain event, when I know it should be there?

To see events from external calendars you need to change the “Categories” drop-down filter to include “Events from other calendars” and then chose the other calendar from the “Tags” drop-down. But the idea is that the moderators of the calendar will periodically move imported events out of this category and into a more appropriate category so that they will become visible.

How do I use the event calendar in my own website?

With an iCalendar feed

To embed using an iCalendar feed just adjust the options of the event calendar at http://bestbits.net/events/ how you want them, and click “Subscribe to filtered calendar” at the bottom of the page.

As a Super Widget

You can also embed a calendar into a remote webpage (for example, a static HTML page hosted on a different server). Here’s how:

1. Add this line just before the closing </head> tag:

   <script type="text/javascript" src="http://bestbits.net/?ai1ec_super_widget"></script>

2. Insert this markup where you would like to embed the Super Widget (using default options):

   <div class="timely-calendar"></div>

3. Optional.
   Add options to your Super Widget:

   • Posterboard view: <div class="timely-calendar" data-action="posterboard"></div>
   • Stream view: <div class="timely-calendar" data-action="stream"></div>
   • Month view: <div class="timely-calendar" data-action="month"></div>
   • Week view: <div class="timely-calendar" data-action="week"></div>
   • Day view: <div class="timely-calendar" data-action="day"></div>
   • Agenda view: <div class="timely-calendar" data-action="agenda"></div>
   • Default view as per settings: <div class="timely-calendar"></div>
   • Filter by event category ID: <div class="timely-calendar" data-cat_ids="1"></div>
   • Filter by event category IDs (separate IDs by comma): <div class="timely-calendar" data-cat_ids="1,2"></div>
   • Filter by event tag ID: <div class="timely-calendar" data-tag_ids="1"></div>
   • Filter by event tag IDs (separate IDs by comma): <div class="timely-calendar" data-tag_ids="1,2"></div>
   • Filter by post ID: <div class="timely-calendar" data-post_ids="1"></div>
   • Filter by post IDs (separate IDs by comma): <div class="timely-calendar" data-post_ids="1,2"></div>
   • Hide title and navigation buttons: <div class="timely-calendar" data-no_navigation="true"></div>
   • Set a default start date: * <div class="timely-calendar" data-exact_date="21-12-2012"></div>