Fluent Commerce Docs

Content in this track:

Content in this track: Customizing Create/Edit Location Drawer via Manifest

How-to Guide

Author:

Yulia Andreyanova

Changed on:

5 Mar 2026

Key Points

Location Types are configurable via manifest.
Field order in the drawer can be changed using `sortPrefix`.

Steps

Configure Location Type Values

Define the `options` for the `type` field in the Create/Edit Location drawer within the manifest.

1{
2  "type": {
3    "component": "input",
4    "sortPrefix": 20,
5    "options": [
6      { "label": "STORE", "value": "STORE" },
7      { "label": "WAREHOUSE", "value": "WAREHOUSE" },
8      { "label": "DISTRIBUTION CENTER", "value": "DISTRIBUTION_CENTER" },
9      { "label": "DARK STORE", "value": "DARK_STORE" }
10    ]
11  }
12}

Radio vs Dropdown Rendering Rules

If up to 3 values are configured, the field is rendered as a radio button group. If more than 3 values are configured, the field is automatically rendered as a dropdown.

Configure Field Order in the Drawer

Do Not Remove Default Values

When customizing the `createLocation` form, ensure that `openingSchedule.defaultValue` is defined.
The default values (e.g., `monStart`, `monEnd`, etc.) must be provided to ensure the form initializes correctly and the mutation payload contains a valid `openingSchedule` object.

Adjust `sortPrefix` values to control the visual order of fields inside the drawer.

1{
2  "type": { "sortPrefix": 3 },
3  "defaultCarrier": { "sortPrefix": 4 },
4  "name": { "sortPrefix": 1 },
5  "ref": { "sortPrefix": 2 }
6}

Related content

Page Component

Edited 40 days ago

The Page component is the basic top-level layout component, that renders a header bar (with user actions) and a set of children in a Material UI Grid.

Yulia Andreyanova

Knowledge Tracks Related To This Topic

Getting Started Configuring Fluent OMS Web Apps

Fluent OMS Overview

Getting Started Configuring Fluent OMS (webapps)

Overriding the default manifest

Settings Creation and Editing Mutations

Create a Simple List Page in OMS Webapp

Enable bulk order Cancel in the UI by using the action property in the LIST component

Webapp User Action visibility by using entity's attribute value

Hide UserAction button via OMS Manifest

Configure a drawer via manifest

Using the Setting Form Component

Adding Header Components to an OMX Web App (Store, OMS, Inventory etc)

Configure UI for Mixed Baskets

Building Better Filters: From Reusable Components to Customer Search

Customizing Create/Edit Location Drawer via Manifest

Getting Started with Fluent OMS

Getting Started Configuring Fluent OMS (webapps)

Configuring the Unified View of Inventory: A Step-by-Step Guide

Configure UI for Mixed Baskets

Configuring Profiles and Sourcing Strategies: A Step-by-Step Guide

Configuring Order Revision

Configuring Change Address

Configuring Appeasement

How to enable Returns in Fluent OMS and Fluent Store

Activity Component

Customizing Create/Edit Location Drawer via Manifest

Content in this track:

Fluent OMS Overview

Getting Started Configuring Fluent OMS (webapps)

Overriding the default manifest

Settings Creation and Editing Mutations

Create a Simple List Page in OMS Webapp

Enable bulk order Cancel in the UI by using the action property in the LIST component

Webapp User Action visibility by using entity's attribute value

Hide UserAction button via OMS Manifest

Configure a drawer via manifest

Using the Setting Form Component

Adding Header Components to an OMX Web App (Store, OMS, Inventory etc)

Configure UI for Mixed Baskets

Building Better Filters: From Reusable Components to Customer Search

Customizing Create/Edit Location Drawer via Manifest

End Of Track

Customizing Create/Edit Location Drawer via Manifest

Customizing Create/Edit Location Drawer via Manifest

Key Points

Steps

Configure Location Type Values

Configure Field Order in the Drawer

Related content

Page Component

Yulia Andreyanova

Knowledge Tracks Related To This Topic

Building Blocks

By Type

Helpful Resources

Quick Links