Seating Planner
The part everyone dreads — made surprisingly fun. Drag tables around a canvas, drop guests into seats, and upload your venue floor plan for pixel-perfect positioning.
Canvas View
Section titled “Canvas View”The primary workspace — an infinite, pannable, zoomable canvas where you place tables and objects.
- Pan — Alt+click drag or middle-mouse drag
- Zoom — Mouse wheel (0.25x–3x range)
- Selection box — Click and drag on empty space to multi-select
- Shift+click — Add/remove items from selection
- Grid snapping — Items snap to a 24px grid on drop
Tables
Section titled “Tables”Round, rectangular, or custom tables placed on the canvas.
- Drag to reposition (snaps to grid)
- Set capacity, name, and table type
- Assign guests to specific seats
- Multi-select and bulk delete
- Visual seat indicators showing filled/empty seats
Venue Objects
Section titled “Venue Objects”Non-seating items like dance floors, bars, stages, columns, and buffet stations.
- Drag to position on the canvas
- Custom width/height per object
- Selection handles when selected
- Icons and labels for visual identification
Floor Plan
Section titled “Floor Plan”Upload a venue blueprint or floor plan image as a background layer.
Upload & Dimensions
Section titled “Upload & Dimensions”When a floor plan image is uploaded, its natural dimensions (width/height) are automatically detected and stored. This ensures the image renders at the correct aspect ratio and scale on the canvas.
Editing Mode
Section titled “Editing Mode”Click the edit (pen) icon in the toolbar to enter floor plan editing mode:
- Drag — Reposition the floor plan on the canvas
- Opacity slider — Adjust transparency (10%–100%)
- Scale slider — Resize the floor plan (10%–300%)
- Rotation — Rotate in 90-degree increments
- Visual feedback — Blue ring, corner handles, and overlay when editing
- Done & Lock — Exit editing mode and lock the floor plan in place
Controls Panel
Section titled “Controls Panel”The floor plan controls panel appears when editing and provides:
- Opacity, scale, and rotation sliders with real-time preview
- Replace button to swap the image
- Remove button to delete the floor plan
- All changes persist immediately to the backend
Dot Grid
Section titled “Dot Grid”The background dot grid is hidden when a floor plan is present (visible again while editing) to keep the canvas clean.
Guest Assignments
Section titled “Guest Assignments”Assign guests to tables via the right sidebar or directly on table nodes.
- Drag guests from the unassigned list to a table
- Click a seat to open the assignment modal
- Bulk assign multiple guests at once
- Unassign guests back to the pool
Table Groups
Section titled “Table Groups”Visually group related tables (e.g., “Family Tables”, “VIP Section”).
- Color-coded group labels
- Select a group to highlight all its tables
Grid View
Section titled “Grid View”A mobile-friendly alternative to the canvas. Tables are displayed as cards in a scrollable grid, each showing:
- Table name and capacity
- Assigned guests with seat numbers
- Quick-assign buttons
The view mode automatically switches to grid on mobile devices.
Real-Time Collaboration
Section titled “Real-Time Collaboration”Changes sync automatically so multiple planners see updates live. Floor plan changes, table moves, and assignments all appear in real time.