Dimming the background

Hi,

Looking for way to dim background when Drawer element is shown.

Example of what I’m trying to do is here:
https://neonto.cloud/u/menuexample/

Previously tried to get answer in this topic:

This is not available natively in ReactStudio.

Can someone show a way to do this?

Thanks!
Mac

What if you simply use add “modal popup” component into Foreground element group and change it’s Visibility based on the Drawer state?

Something like this:

Please note that the component Visible setting expects string value (“true”/“false”).

If you want to block user to click anywhere on the screen then just check the “Prevent user interactions…” in the dimmer comp settings.

Here’s a quick test : https://neonto.cloud/u/modalhack

Download project file here: https://s3.amazonaws.com/sc.neonto.com/example_projects/dimmerDrawer.rsproj.zip

2 Likes

Thank you Antti, works great!

mac