#98 Inline editing attributes with Hotwire
05/12/2022
Free
Allow user to easily edit an attribute by just clicking on it!
This way you can have fewer full-page redirects; don't have to always render a full edit form.
5 years ago I would have used gem best_in_place for this, but now it can be easily achieved with turbo_frames!
Episode source code: https://github.com/corsego/98-hotwire-inline-edit-attributes/commit/1e6154863cff969bec5266add752a9d591f5a1a4
Text version: https://blog.corsego.com/hotwire-inline-edit-attributes
0:00 Inline editing problem
1:20 Edit single attribute inline
5:15 Edit any attribute individually
10:00 Link to edit empty value
10:35 Validations
11:40 Save by clicking outside
13:00 Optionally render whole edit form
0
Sign in to join the conversation
Recommended based on what you are watching now
![#2: Thumbnail, Logo, UsersController, Devise Trackable](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg3MiwicHVyIjoiYmxvYl9pZCJ9fQ==--c5e158eb36dbb9a9ef69200834c0d30aaf84181a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
30:16
#2: Thumbnail, Logo, UsersController, Devise Trackable
14/06/2021
Free
![#37 Install Bootstrap 5 with Rails 6, Yarn and Webpacker](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNywicHVyIjoiYmxvYl9pZCJ9fQ==--e7ec9f84df32b684e3467ac23a12f61e3348e992/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
06:42
#37 Install Bootstrap 5 with Rails 6, Yarn and Webpacker
12/06/2021
Free