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.

Suggest Edits

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.

Example

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

namespace MyProject.Business.Initialization {
  [InitializableModule]
  [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) {}
  }
}

Updated 6 months ago