Screencast

7. In Place Edit with Phoenix LiveView

contenteditableformsliveview

In Place Edit with Phoenix LiveView

Unlock the full screencast.

Starter Kit + every episode + weekly deep dives. One payment, lifetime access.

Get Starter Kit + Access

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