Skip to main content

I’d love for there to be a way, when working with overlays/modals, to be able to close the overlay so that when it closes, the screen revealed upon closing is different from the original parent screen. For example, on mobile I have a bottom sheet menu from which I can select an icon that allows me to navigate to a new page. This isn’t the same as swapping overlays or navigating within overlays. It’s that an action from the overlay results in the parent screen (screen under the overlay) changing.


I’m able to do this with Smart Animate with just the menu component, but when I want there to be a dark background to overlay the parent screen, that messes the animation up and the behavior isn’t as one would expect. The animation with the overlay feature is perfect, except that I can’t control which screen the overlay closes on to.

Hi there,


Thank you for sharing your idea! We greatly value your feedback, and we would like to gauge the reaction of other members in the community. We may consider it for future enhancements!


Thanks,

Toku

I really need this! I want to set ‘Close overlay’ and then ‘Navigate to’ another frame… ‘Close and navigate to’ will be awesome 🙏

I just ran into this limitation as well and unfortunately there doesn’t seem to be any workaround.


For me it would look more like “Close Overlay and Change to…” where the “change to” would allow selection of a different variant from the component that originally called the overlay.

10 / 10 would love this idea be implemented.

Exactly, ​@Lucas_Martin_Campora , ‘Close and navigate to’ is what I would need to effectively animate a sort overlay function.

I need a “Close overlay and navigate to” feature on nearly every one of my designs. 

I’m looking for exactly this!

I came to this thread looking for a similar solution, but just realized that it’s already possible — assuming I’m understanding the problem correctly. 

 

When adding interactions, you can press the plus button inside the modal when you’re editing an interaction to add multiple actions tied to one trigger. (Note: this is different than pressing the plus button next to Interactions in the properties panel, which adds a new Interaction with its own separate trigger.) (Edit: I see in other threads that multiple actions tied to one trigger may only be available for paid plans.)

 

So when clicking a button in the overlay, On click can trigger Close overlay AND Navigate to another page.

 

In my case, when the overlay opens as a bottom sheet, it animates a move-in from the bottom while a dark background fades in. So now, when I click a button in the overlay to close it and navigate to a new page, first the overlay slides down while the dark background fades away, then the page changes.  (Note: Close overlay must be listed as the first action to see its close animation.)

But this may not be helpful if what others are looking for is that the underlying page has already changed instantly underneath the modal before the modal animates closed.

Reply


Terms & ConditionsCookie settings