Events Grid View for Calendarize it!

Events Grid View for Calendarize it!

Events Grid View for Calendarize it!

Events Grid View add-on for Calendarize it! is a responsive grid gallery that uses Masonry for grid and 3D transforms for navigating the items. Create cool looking grid view for your events and other Custom Post Types.

Click on an event and Gallery View opens where you can easily navigate using the arrow keys, and close the Gallery View using the Escape button or click the X.  We have added TouchSwipe a jQuery plugin for touch devices such as iPad, iPhone, Tablets and other Smartphones. This makes it super easy to navigate the Gallery View on your mobile device.

You can choose between 8 different CSS3 loading effects when you scroll down.

You can enable Events Grid View add-on in Calendarize it! and easily switch between the different views that Calendarize it! supports.

The Events Grid View add-on for Calendarize it! works great on both desktops, tablets and smartphones. In the plugins Options panel you can easily set the default values and then just insert the Grid View tag in the Calendarize it! navigation.

Events Grid View add-on for Calendarize it! is also compatible with our free Visual CSS Editor. This makes it very easy to customize all the CSS settings. Choose between 600+ Google Web Fonts.

We hope you will like it!

How to download free add-ons and purchase premium add-ons?

Enter your License Key in the Options Panel of Calendarize it! and get access to the Downloads section where you can download free add-ons and purchase premium add-ons.

The Item Purchase Code can be found in your License Certificate file. Go to Codecanyon and click on My Account at the top, then click the Downloads tab, and then click the Download button and choose the License Certificate & Purchase Code link. You will find the code in the text file and it will look something like this:

Item Purchase Code: bek72585-d6a6-4724-c8c4-9d32f85734g3

When you have entered your license key click on Downloads in the menu and you will now be able to download the free add-ons as well as purchase the premium add-ons.

List of features

  • Create Masonry Grid View for your Events
  • Launch slideshow when Events are clicked
  • Responsive for mobile support
  • Compatible with Visual CSS Editor for easy customization
  • Compatible with Calendarize it! Layout Builder. Create individual layout for each event or global default template.
  • Easy set Grid View as default view in Calendarize it! using default configuration or use advanced arguments for individual configured views.
  • Options Panel for easy default configuration
  • 8 different CSS loading effects

Show your events in a cool looking Event Grid View

When you have purchased, downloaded and switched the button from OFF to ON you can go to the Events Grid View menu in the Options panel and enable the features and configure the different settings.

If you want to use the Events Grid View as your default view simply insert the first shortcode below. And add the “rhc_grid” argument to the Right Header navigation in the Options > Calendarize Shortcode tab. This will add the “Grid” button to all pages where you use the Calendarize it! shortcode.

[calendarizeit defaultview="rhc_grid"]
 

You can also insert the argument in the shortcode and the “Grid” button will only show on the pages where you use the argument.

[calendarizeit defaultview="rhc_grid" header_right="month,rhc_event,rhc_grid"]
 

In the Event Grid View tab in the Options panel you will find all the different arguments you can use.

[calendarizeit defaultview="rhc_grid" grid_nolink="1" grid_classes="" feed="0" header_left="" header_right="month,rhc_event,rhc_grid" grid_animonscroll="effect-8" grid_link_target="_blank" grid_delta="120"]
 

The Events Grid View Default Settings tab lets configure the default settings. The default settings are used if you don’t use the advanced arguments in the shortcode.

Google Grid View add-on for Calendarize it! - Options Panel

You can easily configure the Date and Time Format. Just click in the field and use the guide to set the format you want.

Google Grid View add-on for Calendarize it! - Options Panel

You can easily turn the different elements ON or OFF in the Grid View and Slideshow.

Google Grid View add-on for Calendarize it! - Options Panel

Under Add New Event you can use the Layout Builder to setup a template for the Grid View. You can create a template for each individual event, or create a default template, which you can push to all events.

Google Grid View add-on for Calendarize it! - Layout Builder

Under Add New Event you can use the Layout Builder to setup a template for the Slideshow View. You can create a template for each individual event, or create a default template, which you can push to all events.

Google Grid View add-on for Calendarize it! - Layout Builder

Changelog

Version 1.0.6.54291 – October 9, 2014

  • Update: Calendar icon-font updated

Version 1.0.5.53189 – October 3, 2014

  • Bug Fixed: When applying a filter in Calendarize it!, Event Grid View boxes does not render any meta-data

Version 1.0.4.53914 – September 16, 2014

  • Update: Changing the name of the add-on
  • Update: Change the main file name to match folder name
  • Update: Change label to Event Grid View

Version 1.0.3.53724 – September 10, 2014

  • Bug Fixed: Remove debug console log

Version 1.0.2.53370 – August 14, 2014

* Bug Fixed: When slideshow is disabled the Featured Event Image and Event Title was not linking to the Event Details Page when event link was enabled.

Version 1.0.1.53342 – August 12, 2014

  • Bug Fixed: When a field is empty, the whole set of custom details get hidden
  • Bug Fixed: Option to set the button label was missing

Version 1.0.0.52532 – July 31, 2014

  • First release

Click to visit RightHere Help Center

Sources, Credits and Licenses

We have used the following open source projects, graphics, fonts, API’s or other files as listed. Thanks to the author for the creative work they made.

  1. Codrops (http://tympanus.net/codrops/). Google Grid Gallery blueprint. Please notice it has been adapted for WordPress, and we have added an extensive options panel for setup and administration, as well as added features that are not available in the original source.
  2. Steamline Icons, (12 icons), Standard License. http://www.streamlineicons.com/
  3. Font Awesome by Dave Gandy (5 icons), http://fortawesome.github.io/Font-Awesome/
  4. Google Web Fonts, https://www.google.com/fonts (http://creativecommons.org/licenses/by/3.0/)