Designer Tools

Tool Categories

The Designer toolbar is organized into collapsible groups for easy access to all tools.

Selection & Navigation Tools

Select Tool (V)

The default tool for selecting and manipulating objects on the canvas.

Features:

• Click to select individual objects
• Drag to move selected objects
• Click and drag on empty canvas for area selection
• Shift+click to add to selection
• Cmd/Ctrl+click to toggle selection

Multi-Selection:

• Select multiple seats, rows, areas, or shapes
• Edit properties for all selected objects at once
• Works across different object types

Hand Tool (H)

Pan around the canvas to navigate large layouts.

Usage:

• Click and drag to pan
• Alternative: Hold Spacebar while using any tool for temporary pan mode

Row Tools

Add Row

Create rows of seats with a simple click-click interface.

Steps:

1. Click to set the start point
2. Move mouse to see preview with ghost seats
3. Click again to set the end point
4. Row is created with seats distributed along it

Preview Features:

• Shows ghost seats with 35px default spacing
• Real-time preview as you move the mouse
• Spacing can be adjusted after creation

Configuration:

• Set default properties in Row Drawing Settings panel
• Configure row label, seat count, and spacing
• Choose seat labeling scheme (numeric, alphabetic, custom)

Area Tools

Areas are bookable spaces without individual seats.

Rectangle Area (Shift+G)

Create rectangular bookable areas.

Usage:

1. Click and drag to define the rectangle
2. Release to create the area
3. Edit properties in Properties Panel

Circle Area (Shift+C)

Create circular or elliptical bookable areas.

Usage:

1. Click and drag to define the circle
2. Release to create the area
3. Transform to create ellipses by scaling

Polygon Area (Shift+P)

Create regular polygon areas (triangles, hexagons, etc.).

Usage:

1. Click and drag to define the polygon
2. Set number of sides in Properties Panel
3. Adjust size and rotation as needed

Custom Area

Draw free-form polygon areas with custom shapes.

Usage:

1. Click to add points
2. Continue clicking to define the shape
3. Double-click or press Enter to complete
4. Escape to cancel

Shape Tools

For visual design, annotations, and venue features.

Rectangle (G)

Draw rectangular shapes for visual elements.

Features:

• Fill color and stroke customization
• Corner radius adjustment
• Opacity control
• Text overlay support

Circle (C)

Draw circles and ellipses.

Features:

• Independent X/Y radius (ellipse support)
• Fill and stroke customization
• Rotation support
• Text overlay

Polygon (P)

Draw regular polygons from 3 to 20 sides.

Common Uses:

• Triangles (3 sides)
• Squares (4 sides)
• Hexagons (6 sides)
• Octagons (8 sides)

Line (L)

Draw straight or multi-point lines.

Features:

• Multiple stroke styles (solid, dashed, dotted)
• Custom dash patterns
• Stroke width control
• Closed path option (connects last point to first)

Usage:

1. Click to add points
2. Continue clicking for multi-point lines
3. Double-click or Enter to complete
4. Escape to cancel

Text (T)

Add text annotations and labels.

Features:

• Font size and color customization
• Bold and italic formatting
• Text alignment (left, center, right)
• Rotation support
• Width and scaling controls

Edit Tools

Delete

Remove selected objects from the canvas.

Keyboard Shortcut: Delete or Backspace

Works With:

• Seats (removes from parent row)
• Rows (removes row and all its seats)
• Areas
• Shapes
• Lines
• Text elements

Alignment Tools

Align selected objects to common edges or centers.

Horizontal Alignment:

• Left: Align to leftmost edge
• Center: Align to horizontal center
• Right: Align to rightmost edge

Vertical Alignment:

• Top: Align to topmost edge
• Middle: Align to vertical center
• Bottom: Align to bottommost edge

Requirements:

• Works with 2+ selected objects
• Supports mixed object types
• Handles rotated and scaled objects correctly

Distribution Tools

Distribute 3+ objects evenly across space.

Options:

• Horizontal: Equal horizontal spacing
• Vertical: Equal vertical spacing

Behavior:

• First and last objects stay in place
• Middle objects distributed evenly
• Works with mixed object types

Select Similar

Select all objects matching the currently selected object.

Matching Criteria:

• Object type (all seats, all rows, etc.)
• Pricing category (all items with same pricing)
• Section (all items in same section)

Tool Tips

Undo/Redo

• Undo: Cmd/Ctrl+Z
• Redo: Cmd/Ctrl+Shift+Z
• Up to 50 history entries
• Shows action descriptions

Keyboard Shortcuts

Most tools have keyboard shortcuts for quick access:

• V: Select
• H: Hand
• G: Rectangle shape
• C: Circle shape
• P: Polygon shape
• Shift+G: Rectangle area
• Shift+C: Circle area
• Shift+P: Polygon area
• L: Line
• T: Text
• Escape: Cancel current tool/action

Lock Objects

Prevent accidental editing by locking objects:

• Locked objects can't be moved or edited
• Can still be selected
• Toggle lock in Properties Panel

Copy/Paste

• Cmd/Ctrl+C: Copy selected objects
• Cmd/Ctrl+V: Paste copied objects
• Works across multiple object types

Next Steps

• Review Keyboard Shortcuts
• Learn Designer Best Practices
• Explore the API Reference