The Sitecore Experience Editor allows inline editing of simple field types like text and rich text (HTML) field, and a few complex ones like links. But editing checkboxes, lookup values, multiselect boxes, or any custom field you might have developed yourself requires some custom setup.
Previously, the Edit Frame have been the weapon of choice. The Edit Frame opens a tiny shell with the fields of your choice when clicking on the control to edit.
Unfortunately this has the downside that it hides the Experience Editor’s own buttons, so it is becoming deprecated, and isn’t even available when using MVC to render the front end.
The Edit Frame will hide the standard Experience Editor Buttons
But fear not, as the Edit Frame functionality have just been moved to the Experience Editor Buttons.
STEP 1: SET UP THE AVAILABLE BUTTONS
Go to the CORE database. Find the /sitecore/content/Applications/WebEdit/Custom Experience Buttons.
For your own pleasure, create a nice folder structure that matches your component structure, and add a “Field Editor Button” in the structure:
A Field Editor Button placed in a folder below Custom Experience Buttons.
In the “Fields” field of that button, add the fields that needs to be editable, as a Pipe separated list, like this:
- FieldName1|FieldName2|FieldName3
STEP 2: CONFIGURE THE RENDERING
In the “Experience Editor Buttons”, add the button you created:
The button is added to the Experience Editor Buttons
STEP 3: TEST IT
Now, when clicking the rendering, the button you added is available:
Experience Editor Buttons
And when clicking it, the Edit Frame opens, and the fields are available for editing:
Edit Frame
MORE TO READ:
- Using Sitecore EditFrame in PageEdit by briancaos
- How to Create a Custom Field in Sitecore by geekhive
- Sitecore 8 and 8.1: How to add a Field Editor Button to a component in Experience Editor Mode by Nonlinear Digital
