Sitecore EditFrame for Page Editor
Sitecore provides a content editing interface called Page Editor that allows users to directly edit content on a page. The content thus edited is saved into the appropriate item in the content tree. In most cases, this editing interface is used to edit plain content on a page such as rich text, images, link text, etc. There are other types of fields provided by Sitecore such as Multilist field and Treelist field where the field values are lists and therefore are not directly editable using the Page Editor. It is in this situations that the EditFrame context is used to allow the user to edit the values for these field types.
Consider the following example:
A list of links placed on a page might be as shown below.
In Sitecore, the list of links may be selected using a Treelist field as shown.
The EditFrame context will give the Page Editor user access to the source field shown above so that the list of selected links can be changed.
The process of enabling an EditFrame context is done primarily through the code and is as outlined below.
First, we need to create a new Edit Frame Button in the core database.
Go to /sitecore/content/Applications/WebEdit/Edit Frame Buttons and create a new Edit Frame Button Folder with a new Field Editor Button within it. The field “Fields” specifies the name of the field that this edit button should give access to.
Next, we modify the sub layout that renders the list of links. We add an EditFrame surrounding the list using the sc: EditFrame tag. This tag has an attribute called “Buttons” that points to the Buttons folder created earlier. We then bind the value of the “Fields” field to our list view.
With this, the user will be able to edit the field in Page Editor Page Edit Mode as shown:
Explore Additional Resources
Learn more on how to select the right CMS for your business and improve your customer’s Digital Experience.
Our Certified Sitecore Experience Platform and Sitecore MVP’s specialize in helping you deliver seamless contextually personalized customer experiences.
GET HELP FROM OUR EXPERTS
Over the past 19 years, we have completed thousands of digital projects globally. We have one of the largest and deepest multi-solutions digital consulting teams in the world. Our proprietary processes and years of Digital Experience expertise have earned us a 97% customer satisfaction rating with our clients ranging from Global Fortune 1000 to Mid-Market Enterprises, leading educational institutions, and Non-Profits.
For further assistance on Sitecore Edit Frame for Page Editor Contact Us Today.
About TA Digital
TA Digital is the only global boutique agency that delivers the “best of both worlds” to clients seeking to achieve organizational success through digital transformation. Unlike smaller, regional agencies that lack the ability to scale or large organizations that succumb to a quantity-over-quality approach, we offer resource diversity while also providing meticulous attention to the details that enable strategic success.
Over the past 20 years, TA Digital has positioned clients to achieve digital maturity by focusing on data, customer-centricity and exponential return on investment; by melding exceptional user experience and data-driven methodologies with artificial intelligence and machine learning, we enable digital transformations that intelligently build upon the strategies we set into motion. We are known as a global leader that assists marketing and technology executives in understanding the digital ecosystem while identifying cultural and operational gaps within their business – ultimately ushering organizations toward a more mature model and profitable digital landscape.
Recognized in 2013, 2014, 2015, and 2019 Inc. 5000 list as one of the most successful technology companies in the United States, TA Digital is pleased also to share high-level strategic partnerships with world class digital experience platform companies like Adobe, SAP and Salesforce and possess global partnerships with industry leaders such as Sitecore, Episerver, Elastic Path, BigCommerce, AWS, Azure and Coveo.