Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more

Help me understand how inline editing is triggered

Vote:
1

When editing a page using On-Page Editing mode and clicking on a string property you'd either get "inline editing" right there on the page, or a modal window appears with a form field for you to use. What exactly are the conditions for "inline editing" to work? Just using a standard MVC project with the property being rendered in a razor view using the @Html.PropertyFor() helper will yield "inline editing" for me (CMS 11). However using CMS 12 with a different approach (decoupled frontend, nextjs application) I cannot get the CMS to give me inline editing, it will only give me the "floating" modal variant. From what I've gathered the attribute 

data-epi-edit

should be the equivalent of setting 

data-epi-property-name="YourProperty" data-epi-property-render="none" data-epi-property-edittype="floating"

and I want to get edittype="inline" so I tried setting my elements to

data-epi-property-name="YourProperty" data-epi-property-edittype="inline"

but no matter what I try the result is still "floating". 

Also why would data-epi-edit default to "floating", isn't "inline" editing the preferred UX for editors?

Any ideas on how I can achieve inline editing in my decoupled project?

#304702
Jul 05, 2023 13:40
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.