---
title: UI wrapper types
slug: cms-13/docs/ui-wrapper-types
docTags: 
createdAt: 2026-07-30T20:22:05.570Z
---

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

## Floating wrapper

The floating wrapper opens the editor in a dialog beside the edited content and is the default editor wrapper. To change the default, go to [Configure the default editor wrapper](docId\:KRwC1eUtu712YY24ywBOQ).

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

## Flyout wrapper

The flyout wrapper opens the editor in a side panel. Use this wrapper when properties need more editing space than the floating wrapper provides.

## Content-editable wrapper

The content-editable wrapper enables editing directly on the underlying page. This wrapper requires an editor built to support content-editable mode. Do not use this as the default editor wrapper type.

![Screenshot of the content-editable wrapper with inline editing on the page](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/3-KnRwqcmqRA_pYxVk-68-20260722-195709.png)

## Inline wrapper

The inline wrapper opens the editor within the property overlay. The content-editable wrapper replaced this wrapper, and it is *obsolete*. Do not use this as the default editor wrapper type.