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

viewSettingsDefaults​

Type: object
Default:

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

Allows you to change the defaults of the view settings menu (the eye icon) in Event Manager. This menu allows users to toggle visibility of seat labels, row labels and (in select and static mode) to use channel colors instead of category colors. By default, these options are not enabled, but with viewSettingsDefaults you can change that.

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

showSearchButton​

Type: boolean
Default: true

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