Skip to Content

Floor Plan Responsive

by
Odoo

$ 15.00

v 18.0 Third Party
You bought this module and need support? Click here!

Responsive Floor Plan for PoS Restaurant

Automatically scales the floor plan image and table positions to fit any screen resolution. No more misaligned tables or oversized backgrounds.

Designed for PoS Restaurant environments with diverse terminal resolutions (4:3, 5:4, 16:9, ultrawide).

Key Features

  • Automatic scaling: The floor plan image and all table positions scale together using a single factor derived from the available screen height.
  • Resolution-independent: Works correctly on any display — 1024×768, 1280×1024, 1366×768, 1920×1080, and beyond.
  • Per-PoS toggle: Enable or disable the responsive behavior independently for each Point of Sale terminal from its configuration settings.
  • Drag & drop support: Table dragging in edit mode works correctly with the active scale factor — no cursor offset issues.
  • Kanban mode compatible: Falls back gracefully to standard behavior when the floor plan is displayed in kanban style.
  • Live resize: Reacts to browser window resize events via ResizeObserver for always-correct layout.

How It Works

Responsive Floor Plan option in PoS configuration settings


Enable the Feature: Open the PoS configuration settings and activate Responsive Floor Plan under the Floor & Table Map section. The option is available per terminal so you can enable it only where needed.

Automatic Scale Calculation: When the floor screen loads, the module measures the available container height and computes a scale factor relative to the original floor plan image dimensions. The image and all table positions are rendered at that same factor, keeping everything perfectly aligned.

Centered & Clipped: The scaled floor plan is centered horizontally within the floor section. If the scaled content is taller or wider than the available space, it is clipped cleanly — no scrollbars, no overflow bleeding into other UI areas.

Edit Mode: When an administrator enters floor edit mode to reposition tables, the scaling is disabled automatically so drag coordinates map 1:1 to screen pixels. Saved positions are stored in the original pixel space and rescaled on the next load, just like the initial configuration.

Use Cases

  • Restaurants with mixed hardware: Configure the floor plan on a 1920×1080 workstation and use it on older 1280×1024 or 1024×768 terminal screens without reconfiguring table positions.
  • Multi-branch setups: Different branches may use different hardware — enable the responsive mode only on the terminals that need it.

Please log in to comment on this module

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author or have a question related to your purchase, please use the support page.