Search⌘ K

Adding Interactivity with Turbo Frames

Explore how to enhance the interactivity of your Rails application using Turbo Frames. Understand how Turbo Frames enable inline editing by wrapping page parts to update dynamically without full page reloads or custom JavaScript, improving user experience on the schedule page.

Adding Functionality in the App Using Turbo Frames

We’re now going to add new functionality to our app’s schedule page. We’ll allow a user to edit concert data inline on the schedule page. When users hit the “Edit” button, the display is replaced by a form, and when they hit the “Submit” button on the form, the updated data appears.

We’re not going to worry about authentication here. If you are using the existing code, the sign-in links work and you can sign in with the email areader@example.com and the password awesome.

Note: You might have to refresh the page or click the “North By” link after logging in with an email if you’re executing the app using ...