I have an animated gif on my homepage. I need to make it such that if a user clicks it a modal appears with two buttons leading them to two different pages.
I want to style and animate the presentation and removal of that modal element.
I’ve found this old BS 4 tutorial: Working with Bootstrap modals | Pinegrow Web Editor
But there is no mention of how to animate the show/hide of it.
Is this something extra I have to do with PG Interactions? Is there a tutorial on it because I haven’t been able to find anything. Or do I have to resort to manual code in CSS to do this?
ETA:
So, despite watching and rewatching the INTERACTIONS video, I found that I couldn’t get this to work at all, but I somewhat succeed by selecting the Modal on the page and then selecting the ‘bullseye’ for Editing the triggers for the modal.
This worked in making the modal appear and disappear, however the problem of specifying/editing the animation still remains.
There seems nowhere for me to select the type of predefined animation or making my own. These seemed possible by using the Interactions tab, but that never worked in displaying the modal in the way it works when using the Edit Triggers.
Please, what am I missing?!