Skip to procurement

Operations · Task composition

Vendor procurement

SO-1042 · Heritage Memorial · Polished granite tablet

Interactive sample only. Changes stay in this page until reload; no ERP records or purchase orders are created.

Supplier and reference

Keep identity visible while entering purchasing details.

Selected supplier

Northern Granite · Elberton

This example starts with a supplier selected. Use the shared searchable picker when selecting from the full supplier list.

Optional in this sample draft. Use the supplier's reference.

Receiving details

Related values stack when this panel is narrow, even on a wide screen.

Selected sample location. Actual products supply authorized location choices.

Optional for this sample draft.

Required in this example

Add a clear instruction for the receiving team.

Sample draft ready to edit.

Review this pattern

Use for a focused edit with supporting record context. For a full order workspace, reuse the ERP detail shell and its existing navigation.

Composition and ERP mapping

Use WorkspaceDetailPage → FormSection → FieldGrid → Field in ERP. The narrow column remains readable without viewport-driven field squeezing. Keep the existing mutation handler and server errors.

<div class="as-form-container">
  <div class="as-field-grid" data-columns="2">
    <!-- Label, control, help and error for each field -->
  </div>
</div>