I’ve been trying to understand how to modify the animation presentation/dismissal of Bootstrap 5 modals, using the PG UI and I’ve come to a complete block. I should mention here that it is apparently ‘easy’ to do, because another web dev app I’ve tried (BLOCS) is able to do this using it’s UI, quite easily; I don’t know what it’s doing in the background to make it work though as lots of it is obfuscated.
From what I’ve been able to achieve using PG alone, I can use the BS 5 framework ‘modal’ to drop onto my page, then using ‘EDIT TRIGGERS’ only I am able to specify the UI element that will show the modal.
From here BS 5 takes over. I believe that it has a default BS animation called ‘fade’ that does a downward motion and fade in over 1.x seconds, centre screen.
I know a little css, so I guess that I can override that animation with my own and do the presentation however I want.
I’m trying to avoid having to do this, and want to use only PG’s systems to control it.
I also haven’t (yet) found out how the dismissal animation works (unless it’s just a rewind of the presentation animation) however I too would like to have a different animation for dismissal than for presentation.
I have tried to get BS 5 modals to work with PG’s ‘INTERACTIONS’ but I am unable to do so, at all. Only the ‘EDIT TRIGGER’ seems to work.
So, without having to resort to overriding the default ‘fade’ animation and possibly breaking other parts of BS 5 that use that for other elements, or having to do any css code whatsoever, does anyone know how to leverage the ‘INTERACTIONS’ inside PG to have control over the animations for presentation and dismissal of BS 5 modals?
Thanks.