HomeDev GuideAPI Reference
Dev GuideAPI ReferenceUser GuideGitHubNuGetDev CommunitySubmit a ticketLog In
GitHubNuGetDev CommunitySubmit a ticket

Configure the default editor wrapper

Describes how to configure the editor wrapper in Optimizely Content Management System (CMS). The default wrapper is floating, however you can also change this to use the flyout wrapper.

A floating editor displays next to its respective property and only takes as much size as required to see more of what is changing on the page as you edit the property. However, the default editor wrapper may need to be changed to the flyout wrapper in some cases.

At initialization time, before the UI is displayed so that the correct configuration data gets sent to the interface, use InitializableModule to configure the default editor wrapper. In the following example, set the default editor wrapper property on the UI defaults object. This object is stored as a singleton in the service locator.


using EPiServer.Cms.Shell;
using EPiServer.Framework;
using EPiServer.Framework.Initialization;
using EPiServer.Shell;

namespace MyProject.Business.Initialization {
  [ModuleDependency(typeof (EPiServer.Web.InitializationModule))]
  public class UIDefaultsInitialization: IInitializableModule {
    public void Initialize(InitializationEngine context) {
      // The supported default editor wrapper types are flyout and floating.
      context.Locate.Advanced.GetInstance<CmsUIDefaults>().DefaultEditorWrapper = UiWrapperType.Flyout;
    public void Preload(string[] parameters) {}
    public void Uninitialize(InitializationEngine context) {}