Modal background behind modal and disable everything behind

detanik · October 20, 2023, 11:27am

Hi how can I add background behind modal and not allow user click any things behind modal disable everything

edurmush · October 20, 2023, 11:29am

Hello @detanik, you can try new modal component.

detanik · October 20, 2023, 11:31am

what version you are using the latest?

edurmush · October 20, 2023, 11:32am

Retool Cloud 3.17.0 (latest)

detanik · October 20, 2023, 11:32am

I don't know where to find that type of modal

detanik · October 20, 2023, 11:33am

I'm using version 3.4.9

edurmush · October 20, 2023, 11:36am

I am not sure that version has new modal component. You can use custom CSS and JS.

detanik · October 20, 2023, 11:37am

I can't find that in my version its any other way to do that?

ScottR · October 20, 2023, 12:28pm

@detanik you can request to have that feature turned on...what version are you on?
I am on Cloud

detanik · October 20, 2023, 1:50pm

Version 3.4.9 how to request that?

ScottR · October 20, 2023, 2:04pm

Are you on self hosted?

AnnaW · October 20, 2023, 2:38pm

Hi @detanik, the new version of the Modal frame is only available for Cloud users at the moment. If you're willing to upgrade to newer on-prem versions, it'll soon be available on-prem as well -- you'll find it in the release notes when this happens. Thanks!

Shawn_Crocker · October 26, 2023, 2:51pm

What is seems you want is to basically disable the background when the modal is open. You can set all the items you want to disable by using the modal.opened parameter in the components disabled option. when the modal is opened, this evaluates to true. If you have lots of stuff to disable, you can dump it all in a container and then disable the container when the modal.opened = true.