---
title: UI wrapper types
slug: cms-12/docs/ui-wrapper-types
docTags: 
createdAt: 2026-08-10T15:56:03.000Z
---

The wrapper type determines how the editor displays in the on-page editing mode. You can configure the default wrapper type for custom properties with an editor descriptor.

## Floating wrapper

Opens the editor in a dialog box placed next to the edited content. This is the default editor wrapper. See [Configure the default editor wrapper](docId\:nE1m7tcqGjAq75BtQX9b8).

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/KsUMeCzmV8ZZyvTHgG_op_56d29c5-alloy-plan-teaser-image-float.png)

## Flyout wrapper

Opens the editor in a panel on the right-hand side of the page.

## Content-editable wrapper

Enables editing directly into the property on the underlying page. This requires an editor that is built to support being content-editable. This should not be used as the default editor wrapper type.

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/liAUoNFLhDETI5cvElSkh_bf0ec4f-contenteditable.png)

## Inline wrapper

Opens the editor within the property overlay. The Content-editable wrapper made this **obsolete**. This should be avoided and not used as the default editor wrapper type.