Instructions

• Design Space Width and Height: The osConcert design space starts with a maximum width of 1100px and will be responsive across all devices. Adjust the design space height accordingly.
• Upload a Background: Use the "Upload Background" option to customize the seat plan’s appearance. You can upload a template guide to help position seats or simply add a cool background to enhance the design space.
• Set Your Style (Before Adding Seats):
  Choose your seat shape (Square, Rounded, or Circle), color (Yellow, Skyblue, Red), and size from the gallery before you start.
  • Shape – controls the visual shape of all seats. Rounded uses 10px 10px 0 0 for flat bottoms.
  • Color – new seats will use this color and it will be saved as color_code in the CSV.
  • Size – sets the width and height of each new seat; saved as products_w and products_h in the CSV.
  • Rotation (optional) – after adding a seat, you can rotate it individually. Rotation will be saved as products_r without affecting the seat’s coordinates.
    Use [ or ] from your keyboard
• Add Seats:
  Click Add Seat to place a new seat in the design space using your current shape, color, and size selection.
• Move & Align:
  Drag seats to position them. Use Ctrl or Shift to select multiple seats. Enable Snap to Grid for precise alignment.
• Export to CSV:
  Click Export CSV to download your layout including all seat coordinates, colors, sizes, and rotation.
• Import from CSV:
  Click Import CSV to load an existing layout. Make sure your CSV includes products_x, products_y, products_w, products_h, and optionally products_r.
• Save & Reload Design Space:
  Use Download Settings and Upload Settings to save or restore your design space (background, width, height).
• Drag Seats: Drag individual seats to position them within the seat plan by clicking and holding on a seat, then moving it to the desired location.
• Delete Seats: Select the seat you want to delete and press [DEL] on your keyboard.
• Group and Drag Seats:
  • Hold Ctrl (or Cmd on Mac) and click multiple seats to select them as a group.
  • Once selected, drag any seat within the group, and all selected seats will move together.
  • Release Ctrl (or Cmd) to stop selecting seats.
• Snap to Grid: Toggle the "Snap to Grid" option to snap seats to a grid layout for precise alignment.
• Export Seat Plan: Once you're done designing, use the "Export CSV" option to download your seat layout as a CSV file.
• Clear All Seats: Use the "Clear All" button to reset the design space.
• Import Seat Plan (CSV): You can use the "Import CSV" option to upload a previously saved seat layout. The imported CSV should contain the seat coordinates in the correct format, allowing you to continue working on or adjust an existing seat plan.