Skip to content

Layouts

Menu: Development → Layouts
Deep link: /_Admin/development/layouts?SiteId={siteGuid}

Layouts define the site page shell (HTML skeleton, @RenderBody() placeholder, shared header/footer). Pages bind a Layout in page settings or page properties; template syntax: Layout template engine.

Permissions

Menu permission: layout (view). Create, edit, delete, copy require layout·edit / delete. Row Version requires site·log.

How to Open

  1. In Edit Menu, enable Development → Layouts.
  2. Open Development → Layouts in the left sidebar.
Layouts list overview

Toolbar

ButtonPermissionDescription
New layoutlayout·editEnter edit page (new, no id)
Layouts list toolbar: new layout

List table

ColumnDescription
NameClick to edit; name locked on edit page after save
Referenced byTags for pages etc. referencing this Layout
Last modifiedLast save time
VersionVersion history (site·log)

Unlike Views, the layout list has no preview column (preview on pages that bind the Layout).

Supports multi-select Delete (layout·delete). With one row selected, toolbar shows Copy (copy layout dialog).

Layouts list table

Copy layout dialog

After selecting one row, click Copy, enter new Name (default _Copy suffix), confirm to duplicate and refresh list.

Copy layout dialog

Edit layout

Path: /_Admin/development/layout/edit?SiteId=... (new without id; edit with &id={LayoutId})

From list name or New layout. Full-screen development edit layout: header with layout name and Format, HTML editor, save bar. Layout edit has no Settings dialog (no "as page element", cache, etc.).

Layout edit: Monaco editor and footer
ControlDescription
Layout nameRequired on create, unique (1–50 chars); input disabled after save
FormatFormat HTML in editor
Layout edit header: name and format

Code editor

  • Language: HTML, supports KScript and code references (code-reference-type: layout).
  • Typical body includes page placeholder (e.g. @RenderBody()); see Layout template engine.
  • Shortcut: Save; unsaved leave prompts.
ButtonDescription
ReturnBack to layout list
SaveSave; first save on new adds id to URL
Save and returnSave then return to list
DocDescription
Development overviewDevelopment menu and sub-items index
ViewsReusable View fragments
PagesPage tree and Layout binding
Page settingsDefault page Layout, etc.
Layout template engineLayout syntax and concepts