Widget Demos
UI Components
Marketing
Content Display
Navigation
Notifications
Visual Effects
Interactive
Layout
Interactive
Seat Map Widget
Interactive seat selection grid for events with assigned seating. Shows seat availability, categories with colors, and accessibility indicators.
Interactive Seat Selection
Grid layout with selectable seats.
Requires an event with seat layout configured.
Code
<?php echo SeatMapWidget::widget([
'event' => $event,
'inputName' => 'seat_id',
]); ?>Live Demo
Requires an event with seat layout. See event registration pages for live example.
Read-Only Display
View-only seat map showing availability.
Code
<?php echo SeatMapWidget::widget([
'event' => $event,
'readOnly' => true,
]); ?>Live Demo
Requires an event with seat layout. See event registration pages for live example.
Configuration Options
| Option | Type | Default | Description |
|---|---|---|---|
event | ContentEvent | required | Event model with seat layout |
inputName | string | seat_id | Hidden input field name |
selectedSeatId | int | null | Pre-selected seat ID |
readOnly | bool | false | Disable seat selection |
ticket | ContentEventTicket | null | Filter seats by ticket category |