Renderer SDK

Admin Renderer

Use the SeatmapAdminRenderer SDK to build admin interfaces with selectSections mode, drag selection, and keyboard modifiers for section management.

Booking Widget Branding

How Seatmap.pro branding appears in the booking widget, when the Powered by badge is shown, where it is placed, and how self-hosted deployments turn it off.

Constrained GPU Mode

Configure Seatmap Renderer for devices with limited GPU memory. Understand automatic tier detection, tiled zoom detail, and preview-only backgrounds.

Custom Seat States (Renderer SDK)

Apply custom visual states to seats in the booking renderer with setSeatsState and theme.seatStyles. Style, animate, and block seats via a DOM overlay.

Initializing SDK

Install and initialize the Seatmap.pro booking renderer SDK with npm and TypeScript, render your first event, and pass seat selections to your backend.

Playground

Interactive playground to experiment with the seatmap.pro booking renderer. Test configurations and see live results.

Renderer SDK Reference

Look up the classes, methods, callbacks and settings of the seatmap.pro booking and admin renderer SDK, with TypeScript signatures and examples.

Seat States & Hold Types

Seatmap.pro seat states explained -- three lifecycle states plus an open hold type carrying release policy, payment rules and display color per organization.

Section Click Behavior

Understand how section clicks behave at full view in the seatmap.pro booking renderer and how to use programmatic zoom after a click.

Section Photos

Add section photos in the venue editor, read thumbnails through renderer callbacks and schema metadata, and position your gallery beside the map.

Section States & Styling

Control section visibility, interaction and appearance in the booking renderer. Highlight, select, filter and disable sections with themeable styles.