Screencast

In Place Edit with Phoenix LiveView

7. In Place Edit with Phoenix LiveView

contenteditable forms liveview

Inline editing is a common feature in modern web applications, allowing users to edit content directly on the page without navigating to a separate form. You can see this pattern in popular apps like Trello or Linear, where titles and content are editable in place. On this page, I've implemented a similar function, making it easy to update the title of a brewery directly. In this video, I’ll guide you through implementing this feature using Phoenix LiveView.