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.
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:
In the “Fields” field of that button, add the fields that needs to be editable, as a Pipe separated list, like this:
STEP 2: CONFIGURE THE RENDERING
In the “Experience Editor Buttons”, add the button you created:
STEP 3: TEST IT
Now, when clicking the rendering, the button you added is available:
And when clicking it, the Edit Frame opens, and the fields are available for editing:
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