Is there a way to open a modal with a lightbox background (greyed out background)? My enterprise application uses this a lot and I need to be able to easily mock it up. I am evaluating the tool to see if it can replace our current tool, but so far this seems to be a gap. Thanks!
Where am I?
In UXPin you can ask and answer questions and share your experience with others!
Hi Amanda,
Absolutely, this can be achieved in UXPin, by adding a hidden background layer with a low opacity and setting an interaction that fires on "Page load" or when triggered by an action, like a scroll; please check out the example here; also feel free to reach out to us at hello@uxpin.com to explore other possibilities.
I use filled rectangles as modal backgrounds. I like to put a ~60% opacity black/white/gray background scrim as the bottom layer in the same folder group as my modal box itself. That way, whenever the modal has visibility, it automatically has the lightbox background behind it. I'll also often set an interaction on that background rectangle to hide the entire modal folder on Click, which is often how modals behave: click anywhere on the grayed-out background to dismiss.