This is one of those tutorials that I made for myself in a month when I forget how to do this, but I really want to make a modal real quick lol. I have a twitch that I'm debating using soon, so please follow it 👀www.twitch.tv/deanout
Thanks for this Dean. This tutorial about turbo frame modals is super helpful. I appreciate that you keep it basic and mention how id could be used to show the details of the show page.
thanks bro for the great tutorial, i'd like to notice than it's useful to add `render layout: false` into controller actions while working with modals because it allows your app not to load the whole layout but only a single view with the modal
Very interesting as usual. You could have added a section about using turbo_frame_request? in the controller to prevent users from accessing the /posts/new or /posts/edit as the UI is now a popup.
Great stuff. What if you would like to pass a variable to the modal? Like: you have a form that on submission sends a post to the create action, how can the create action show and pass a @variable to the modal?
Hi, just an fyi, this does not work with the current version of Turbo. It seems you need to add "data: { turbo_frame: '_top' }" to the form_with call. I have been banging my head against a wall for a couple of days so thought I would share this.
![Noob To Max With DRAGON REWORK In Blox Fruits [FULL MOVIE]](http://i.ytimg.com/vi/LnBMOinoOvA/mqdefault.jpg)
This is one of those tutorials that I made for myself in a month when I forget how to do this, but I really want to make a modal real quick lol.
I have a twitch that I'm debating using soon, so please follow it 👀www.twitch.tv/deanout
Thanks for this Dean. This tutorial about turbo frame modals is super helpful. I appreciate that you keep it basic and mention how id could be used to show the details of the show page.
Thank you so much for the tutorial, so easy to follow and so helpful
thanks bro for the great tutorial, i'd like to notice than it's useful to add `render layout: false` into controller actions while working with modals because it allows your app not to load the whole layout but only a single view with the modal
Thank you, it is very useful!
Exactly what I was looking for, just need to tweak for bootstrap. Thanks
did u find a solution for Bootstrap? I am having trouble to display the form inside the modal.
Very interesting as usual. You could have added a section about using turbo_frame_request? in the controller to prevent users from accessing the /posts/new or /posts/edit as the UI is now a popup.
very helpful : )
Great ❣️
Can you create a modal pop up for delete confirmation as well?
Hello. Thank you. Can you show us how to implement this with Bootstrap modal and with the buttons in the modal footer? Thank you
Great stuff.
What if you would like to pass a variable to the modal? Like: you have a form that on submission sends a post to the create action, how can the create action show and pass a @variable to the modal?
What can i do i click on new post , create new post then current page ,modal popup turbo_frame give
Content missing
Insted of reloading any hint
How can we change the background page to dull or change its opacity as bootstrap modal doing.
good bro
BTW, I asked chatGPT how to create a modal with Turbo, and the response was a bit more complicated.
Hi, just an fyi, this does not work with the current version of Turbo. It seems you need to add "data: { turbo_frame: '_top' }" to the form_with call. I have been banging my head against a wall for a couple of days so thought I would share this.
Can you please explain a bit better this? i cannot get it to work
You would have to show the behavior when new Post is created. It behaves strange.
Yep and a submission, that could not be validated closes the modal immediately and the user cannot see any error messages.
you should put tha base model in a partial to reuse its functionality
how about making a nested modal? wait your next video