Standards Docs

RecordEditView

A complete record edit view with tabs and content. Features: - Tab system (form, table, activity, notes, custom) - Custom tab renderers via `customTabRenderers` prop - Delete action

A complete record edit view with tabs and content.

Features:

  • Tab system (form, table, activity, notes, custom)
  • Custom tab renderers via customTabRenderers prop
  • Delete action

Signature

({ object, record, recordId, defaultValues, initialTabName, availableTabs, layout, customTabRenderers, onClose, onTabChange, onDelete, onNavigate, onCreateRequest, onFormSave, onRecordUpdated, headerContent, showBreadcrumb, urlResolver, onBreadcrumbClick, sidePanel, labels, className, onSidePanelAddField, onSidePanelRemoveField, onSidePanelReorderFields, renderFormsInstanceActions, onAddAttribute, onGroupSelect, onResetView, viewId, viewName, onAddTab, onRenameTab, onDeleteTab, onTabsReorder, }: RecordEditViewProps): Element

Examples

```tsx
<RecordEditView
  object={contactObject}
  record={contact}
  recordId={contact.id}
  defaultValues={contact.values}
  availableTabs={viewDefinition.tabs}
  customTabRenderers={{
    "contact-simulations": ContactSimulationsTable,
    "contact-documents": ContactDocumentsTable,
  }}
  onClose={() => router.back()}
  onTabChange={(tab) => router.replace(`/contacts/${id}/${tab}`)}
  onDelete={() => router.push("/contacts")}
/>

On this page