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, in some cases, you may need to change the default editor wrapper to the flyout wrapper.

At initialization time, before displaying the UI 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 UIDefaults object. It stores the defaults object as a singleton within the service locator. For 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 about 2 months ago

Plug-in areas