MASONRY GRID ExampleArt Gallery Expo Schedule

The Masonry Grid style is both dynamic and visually impressive, displaying events in an interactive grid. It is perfect for an Art Gallery, Cinema, Theatre or other businesses with unique events. The list will always be displayed chronological, so your visitors can see right away which events are available soon. Visitors can use dynamic filters to display events in a specific Gallery, with a specific Tag, only morning events, etc.

  • Events are listed in a chronological grid, with an element for each one.
  • You can set the events to be one-time or weekly events
  • The grid will load initially as many days as you want and the visitors can display more, with the help of a button
  • Clicking on events will enlarge the box, clicking again will open a pop-up window, with text and images
  • You can assign as many Event Types, Tags and Locations as you need
  • You can choose how many elements to display, between one and six

With the Masonry Grid style, one of our eight layout styles available, you can use a visually impressive and dynamic grid, displaying each class as a grid element. Filters can be used to sort the events and the selection will reflect in the list. If there are no events matching the selection, the schedule will be replaced with a custom “no events available” message.

See this schedule on a blank page

Let’s see how this schedule was created

On the right, you can see an actual screenshot of the Schedule Builder for this timetable. You can create one yourself, in only a few minutes, with the following steps:

  • Enter a title for your schedule, something like Art Gallery Exhibitions.
  • Select the Masonry Grid style, great for an Art Gallery, Theatre or Cinema schedule.
  • Choose your Schedule Contents. You can use the All option, to display Classes with any Type, Location or Instructor, or you can select the ones you need. In our example, we selected only the ones relevant to an Art Gallery.
  • The Available Filters tabs work in the same way. You can make a selection different than the one you have for Schedule Contents. This way, you can restrict filtering exactly how you want.
  • Use the Schedule Labels fields to name the Categories and Filters how you want. In this example, we changed the Instructor label to Tags, to be relevant for a modern Art Gallery schedule.
  • You can also customize other messages, like the one for no events available.
  • On the right, you can choose how many days to display. In this example, we are using 1 Week, as our events are weekly repeatable.
  • With the Display Options switchers you can choose to hide some of the info.
  • The Filters Options switchers allow you to show only the filters categories you want.
  • Choose the position of the Filters, we are using Center in this example.
  • Choose how the pop-up modal should look. We are using the Large Image option.
  • The Design Options allow you to choose the three colors of the schedule: for the text, for the special elements and for the grid elements background.

Your Schedule is Ready! You can add it with our
custom Visual Composer element or you can
use the auto-generated shortcode on the right.