Turbo Frame Modals (Popups) | Ruby On Rails 7 Tutorial

Подписаться 19 тыс.

Просмотров 11 тыс.

50% 1

Let's take a look at creating popups using turbo frames. This tutorial lets us create modals in our Ruby on Rails 7 apps with ease!
Checkout my course(s) at: learn.deanin.com
Source:
github.com/Dea...
Join this channel to help support these videos:
/ @deanin
Follow me on social media:
linktr.ee/deanin
If you liked this video, please consider subscribing: t.co/RZ4EwP0F2a
#Deanin #Software #Programming

Опубликовано:

18 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 23

@Deanin Год назад

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

@carltanner3632 Год назад

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.

@sanila2011 2 месяца назад

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

@cvaldivia83 Год назад

Thank you so much for the tutorial, so easy to follow and so helpful

@stpaquet Год назад

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.

@GlaylsonAlves Год назад

Exactly what I was looking for, just need to tweak for bootstrap. Thanks

@volkanbeyoglu235 10 месяцев назад

did u find a solution for Bootstrap? I am having trouble to display the form inside the modal.

@aynurshauerman Год назад

Thank you, it is very useful!

@azizdevfull Год назад

very helpful : )

@ViktorSchmidt Год назад

Great ❣️

@yuanweizhou935 Год назад

Can you create a modal pop up for delete confirmation as well?

@gauravrewaliya3269 Год назад

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

@DillonWreek Год назад

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?

@moviekapsula Год назад

good bro

@volkanbeyoglu235 10 месяцев назад

Hello. Thank you. Can you show us how to implement this with Bootstrap modal and with the buttons in the modal footer? Thank you

@carltanner3632 Год назад

BTW, I asked chatGPT how to create a modal with Turbo, and the response was a bit more complicated.

@AbdulHannan-sj2xi Год назад

How can we change the background page to dull or change its opacity as bootstrap modal doing.

@btrewern Год назад

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.