Screencast

7. In Place Edit with Phoenix LiveView

contenteditableformsliveview

In Place Edit with Phoenix LiveView

Unlock the full screencast for free.

Register to get the Starter Kit, every episode, and weekly deep dives.

Sign up free

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.

Video includes:

  • a