Skip to main content

Event Manager configuration

divId​

Type: string

The id of the div on your page in which you want Seats.io to render the event manager.

Either pass in divId or container, but not both.

divId: 'chart-manager'

container​

Type: Element

The parent Element in which the event manager gets rendered.

Either pass in container or divId, but not both.

container: document.getElementById('chart')

secretKey​

Type: string
The secret key of a workspace

Important

Never expose this secret key on a public web page! Only use the event manager behind a login wall.

secretKey: 'my secret key'

event​

Type: string

The key of the event (or the season) for which you want to render the event manager.

event: 'smallTheatreEvent1'

mode​

Type: string

See Modes for the list of possible modes and their purpose.

language​

Type: string

Currently supported languages are:

  • 'nl' – Dutch
  • 'en' – English
  • 'de' – German
  • 'pt' – Portuguese
  • 'es' – Spanish
  • 'fr' – French

messages​

Type: object

The messages parameter allows you to change all kinds of texts that are displayed on the chart: section labels, tooltip and popover texts, static text objects ... you name it. Just pass in an object with the original texts as keys, and the translations as values. For a more detailed explanation, check this page.

objectPopover​

Type: object
Default:

{
    showOrderId: true,
    showTechnicalLabel: false    
}

Allows to toggle on or off some features from the Object Popover, displayed when hovering objects when using pointing devices like a mouse, or when tapping on an object on touch devices.

  • showOrderId: - Default: true. If true, the orderId is shown as long it's present.
  • showTechnicalLabel: - Default: false. If true, the technical label will be shown, as long one of the label components was overridden via the Displayed Label field in Designer.

popoverInfo​

Type: function(object)
Returns: string

A function whose result will be displayed as extra information on the object popover. See the full documentation.

showFullScreenButton​

Type: boolean

Whether to show the full screen button or not. Defaults to true.

extraConfig​

Pass in extra configuration to callbacks that get executed within the Seats.io iFrame.

See https://docs.seats.io/docs/renderer/config-extraconfig/

fitTo​

Type: string

Whether to adapt to the container div width, or to its width and height.

See https://docs.seats.io/docs/renderer-config-fitto

objectColor​

Type: function(object, defaultColor, extraConfig)
Default: depends on the event manager mode (e.g. in manageChannels mode, a seat gets the color of its assigned channel)

A function that determines the object color.

See https://docs.seats.io/docs/renderer/config-objectcolor

viewSettings​

Type: object
Default:

{
    showSeatLabels?: false,
    showRowLabels?: false,
    useChannelColors?: false
}

Configures the view settings in Event Manager:

  • showSeatLabels (optional, boolean): show seat and other object labels by default or not
  • showRowLabels (optional, boolean): show row labels by default or not
  • useChannelColors (optional, boolean): use channel colors (true) or category colors (false). Only available in select and static modes.

Note that users can still change these settings via the eye-icon menu in Event Manager.

To determine the initial state of a setting when loading a chart, the embed uses the following order of priority:

  • The value found in viewSettings
  • The user's last choice from the eye-icon menu
  • The default off state.

showSearchButton​

Type: boolean
Default: true

Set to false to hide the search button in the Event Manager toolbar.