Call: 201-556-9090 or Write: Sales@ticketutils.com

Seating Charts - Developers


Our Seating Chart engine provides several different ways to interact with your existing codebase and can seamlessly integrate without any major coding changes. This is a hosted solution and thus Images and Mappings are served from our server. The Getting Started section will help you to choose the Correct Implementation pattern to get up and running with the Ticket Utils Interactive Seating Charts in no time.

Prerequisites

Ticket Utils Seating Chart plugin is based on jQuery APIs. Previously, we were using the Google Maps engine for coordinates mapping. However, Google Maps was unable to meet our product requirements. Therefore, we developed a completely Home Brewed Chart Rendering and Coordinates Mapping engine which can render Static and Interactive Seating charts without any external dependencies to Google Maps. Our product has the following library dependencies:

  1. jQuery Version 1.7.2 (Supported Up to Version 1.10.2)
  2. Hammer JavaScript Library for Mobile Support like Pinch Zoom and Touch
  3. ExCanvas Library for Support for Internet Explorer 8 or earlier
  4. jQuery UI Library for Price/Quantity Sliders (Optional)

Getting Started

To meet the various requirements of the Clients, we have come up with four major implementation patterns by which you can utilize the plugin.

Standard Implementation

This is an out of the box implementation of the Ticket Utils Seating Charts plugin. The Plugin offers generation of a highly functional Ticket List from the Tickets Array which is provided as an input. Further, the Ticket List is highly customizable using CSS. Developers don’t have to worry about Pagination, Sorting and Filtering of the list as this is all handled by the Ticket Utils Seating Charts plugin.

HighLights

  • Easiest to Implement
  • Extremely Suitable for websites without any custom Ticket List requirements
  • Plugin generated Ticket List automatically handles all Pagination, Sorting and Filtering
  • Ticket List can be customized for Look & Feel of the website using CSS

Basic Requirements

  • Container for Rendering the Map
  • Container for Generating the Ticket List
  • Container for Generating the Legends/Section Groups
  • Array of Tickets in Standard Format

Ticket List customized using Formatters

This is a slightly more advanced implementation where Columns can be customized by the Developer using basic JavaScript functions called formatters. Unlike the basic implementation, this implementation provides greater control over the List Structure and allows the merging of two (or more) columns together in order to produce a highly customized Ticket List.

HighLights

  • Suitable for those who need extra customization which cannot be achieved by CSS
  • Plugin generated Ticket List automatically handles all Pagination, Sorting and Filtering
  • Ticket List is highly customizable and even major structural changes are possible using the Column Formatters
  • It is possible to add additional custom Columns or Merge two (or more) columns together

Basic Requirements

  • Container for Rendering the Map
  • Container for Generating the Ticket List
  • Container for Generating the Legends/Section Groups
  • Array of Tickets in Standard Format
  • Custom Formatters for Columns

Implement Plugin on Pre-existing List

This option is most suitable when a customized Ticket List is already present and you desire to implement the Ticket Utils Seating Chart plugin without much modification to the existing codebase. In this implementation, the developer has to provide the necessary jQuery Selectors to the plugin in order to identify the Rows and read the necessary data like Section, Row and Quantity from the existing list. Please note that the List filtration becomes slower in the external list implementation based on how heavy the externally generated list is.

HighLights

  • Suitable for Clients who are migrating from another Seating Chart provider
  • Suitable when a customized Ticket List is present in an existing website
  • Developer has to provide necessary the jQuery Selectors to the list for integrating with Seating Chart. The section values are populated using these selectors to highlight the map.
  • Plugin handles the Filtering of the List on Section Click but sorting and other functionality is to be handled by the developer.
  • List filtration can be slower if the HTML structure of the list is complex

Basic Requirements

  • Container for Rendering the Map
  • List Row, Section, Row, Quantity, Price Selectors
  • Container for Generating the Legends/Section Groups

Implement Plugin on Pre-existing List (Advanced)

This option is suitable when Ticket List is not fully loaded on the Screen at start and tickets are loaded on Pagination or on Filtration or by other user request using AJAX calls. This scenario is common for marketplaces where Tickets are loaded on demand for improved performance.

HighLights

  • Suitable for AJAX based lists where Tickets are loaded on user action and not present on the page at the time of initial loading.
  • Ticket List filtration is not handled by Plugin and plugin does not interact with Ticket list at all
  • Developer has to handle the User events (ex. OnClick) raised by the Plugin and write necessary code to load/filter the Ticket List

Basic Requirements

  • Container for Rendering the Map
  • Container for Generating the Legends/Section Groups
  • List of Sections to be Highlighted along with Quantity and Price

Download v3.1.12
Release date: 3/3/2014

Frequently Asked Questions

What are the Inputs required to the Plugin?

Depending on the implementation plugin requires a Container to load the chart and Container to generate the list. Ticket Utils Seating Chart plugin can locate and load the correct Seating Chart using variety of methods. The Seating Charts plugin can accept any of the following inputs

  1. Ticket Utils Map Id
  2. Ticket Technology, Ticket Network Map Id
  3. Ticket Technology Event Id
  4. If you have none of the above just Venue Name, Event and Date

Can I Customize the Ticket List?

Yes, the Ticket List is fully customizable using just CSS or even JavaScript Code. Please refer choosing the Implementation Pattern for options.

Can it work with My Existing Ticket List?

Yes, the Ticket Utils Seating chart plugin is smart enough to read the necessary data from your existing list. You just need to pass in appropriate jQuery Selector to the elements which hold the data. The plugin will manage the List filtration thereof.

Can it work with AJAX list?

Yes, as Ticket Utils Seating charts plugin can work with AJAX list. For highlighting the Map correctly you will also need to pass in the Array of unique section names along with Quantity and Price range.

Do I need to Change any Code to make it Mobile Compatible?

No, it can detect a mobile device and adjust itself to suit the Mobile Screens. It is 100% compatible with iPad, iPhone, Android and Windows Phone devices.

Can I control the Seating Chart size?

Yes, Ticket Utils seating chart plugin comes with Adaptive Display technology which automatically selects best fitting map in the available area. If you are not comfortable with Adaptive Display you can turn it off and control the Map Size using the Zoom Levels at the time of initialization.

Can I customize the Tooltip?

Yes, you can fully customize the tooltip using the Tooltip formatter.

Can I use my own Section Views or Photographs?

Yes, you can use external hosted images in Tooltip by using Formatters. However, with our Section View coverage of over 25403 images our product already has deep coverage of Section Views seamlessly integrated.

Choosing the Right Implementation Pattern

To meet the various requirements of the Clients, we have come up with four major implementation patterns by which you can utilize the plugin.