Dynamics 365 Commerce: Design POS screen layouts in a modern browser designer

Create and preview POS screen layouts in headquarters with a modern web designer that simplifies configuration and reduces design iterations.

The Screen layout designer is modernized as a React-based web experience embedded in Commerce headquarters, with a JSON-based layout backbone replacing the legacy XML representation. The feature applies to Store Commerce point of sale (POS).

The modernization includes these core capabilities:

Visual layout and button-grid authoring: Arrange and resize supported POS components on a drag-and-drop canvas, configure properties, and edit associated button grids and POS operation mappings in a unified experience.

Live preview: Inspect layouts and their associated button-grid operations while designing, and preview supported device sizes and orientations without distributing every design iteration to stores.

Existing layout migration: Bring existing screen layouts and button-grid configurations into the modern designer rather than recreate them from scratch.

Reusable configuration: Reuse layout templates with store-specific overrides to reduce the need to maintain duplicate layouts.

Modern usability: Work with contextual properties, familiar Fluent…