Entity Layout Designer

Create, edit, version and activate EntityViewer layouts — no build or deploy needed.

{{ selected()!.IsComponent ? 'Reusable Component' : 'Entity Template' }}

{{ selected()!.EntityCode }}

{{ selected()!.Title }}
Loading layout...
Versions
Manage drafts and active layout versions
{{ versions().length }}
Version Label Status Activated On
v{{ v.VersionNo }} {{ v.VersionLabel || '—' }} {{v.VersionStatus === 1 ? 'Active' : v.VersionStatus === 2 ? 'Archived' : 'Draft'}} {{ v.ActivatedOn || '—' }}
No versions yet
Build your layout below and save it as a draft.
Layout Builder
Arrange sections, rows and fields visually.
{{ draftSchema()!.sections.length }} section{{ draftSchema()!.sections.length === 1 ? '' : 's' }}
{{ si + 1 }}
{{ fi + 1 }} {{ field.label || 'New Field' }} {{ field.type }}
› Advanced JSON badgeMap, componentCode, entity-link keys, imageKey, actions...
No fields in this row. Use + Field to add one.
Layout JSON
Edit the complete layout schema directly.
JSON
{{ jsonError() }}
{{ editingVersionId() ? 'Update Layout Version' : 'Save Layout Version' }}
Save the current layout as a new draft version.
Editing version {{ editingVersionId() }} in place.
Live Preview
Preview the layout using sample entity data.
LIVE
{{ previewDataError() }}
◈
No layout selected
Select an item from the list or create a new layout to start designing.