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 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.

objectTooltip

Type: object
Default:

{
showOrderId: true,
showTechnicalLabel: false
}

Allows toggling on or off some features of the cursor tooltip, displayed when hovering objects when using pointing devices like a mouse, or when tapping on an object on touch devices.

  • showOrderId - Default: true. show the orderId in the tooltip if present.
  • showTechnicalLabel - Default: false. show the technical label, if one of the label components was overridden via the Displayed Label field in Designer.

tooltipInfo

Type: function(object)
Returns: string

A function whose result will be displayed as extra information on the cursor tooltip. See https://docs.seats.io/docs/renderer-config-tooltipinfo for more info.

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.