Hi community (and maybe support/Team),
I have asked this question also in facebook-group. But there it is hard to describe on one place and until now, there is no EASY idea or approach to "easy" to use solution:
- https://www.facebook.com/groups/motion.page/posts/906091794552075/
- https://www.facebook.com/groups/motion.page/posts/906476494513605/
Looking for
I'm looking/searching for a simple apppraoch to use GSAP animation with motion.page to animate Entry & Exit for bricks Popup-Template.
Or a builtIn solution in motion.page that I can NOT find 😪.
Like in this video https://www.youtube.com/watch?v=TKo8T9uDJ24
Problem: my solution is to complicated
Have found a really complicated way with
1. add a ".animated-popup" class to every button on every "Page" (outside of PopupTemplate) in bricks which should open a PopUp with Entry- and Exit-Animation.
2. create a Motion-Page Timeline with an 1st-Click-Event to the button to class .animated.popup for the entry-animation.
2. set the 2nd-click to class ".close-button, .brx-popup-backdrop" and "Reverse animation" to the animation for Exit-Animation by motion.page in the same Timeline as for Enty-Animation (also outside of Bricks-PopupTemplate).
Set both to global-timeline so it will work also on external PopupTemplates.
3. add an interaction to "close-button" IN Bricks PopupTemplate like fadeOutDown with a AnimationDelay (longer then the Reverse-Animation on 2nd-click).
This approach is hard to "remember in a few weeks or months" and so also tricky to maintain in such many places. Will be apain in the a.. (Class in Pages, motion.page with button-class in HomePage (one Page for the hole website set to global) and interaction in each PoupTemplate that will run togheter).
Also the developing is hard, because the animation in motion.page is most of the time not visible.
Because the animation is splitted on Page/PopupTemplate/Interactions.
And I can NOT find a solution to overwrite the default behaviour in Bricks PopupTemplate who is adding the class "hide" to the popup and disable the Popup immediatelly if the user clicks outside of the popup-content on Element with class "brx-popup-backdrop".
Question:
-Does anybody knows a more simple approach or an builtIn-Solution in motion.page like in the video?
Looking forward to you ideas/helps.
Best regards
Martin
?Feature-Request? - "Edit with motion.page" or a more simple builtIn-Solution to animate Entry- & Exit-Animation within Bricks-Templates (aka PopupTemplates)
Would be great to find a solution or to get some comments, if there is currently a feature-request for it (or not).
Have searched for but not found. But maybe I'm searching for wrong terms. English is not my mtohertongue.
If this is missing in general, I will do also a feature-request for, if there is no builtIn solution or easy solution in motion.page currently. So within future version it will be more easy.
Would be GREAT if there would be the possiblillity in future to develope the animiation in the bricks Templates directly!!
Current Appraoch PrintScreens
