The current state of a modal/dialog opening in Drupal 8 (and 7 for that matter) is pretty clunky from a user experience perspect. Leveraging some type of animation/fade would really enhance the elegance + cohesiveness of the modal. I notice bootstrap allows a “fade” class on the modal, which gives it a fade effect (I assume). Is there a way to add this type (or any type) of animation to a Drupal 8 modal without needing bootstrap? Am I missing something simple?
Edit:
Thanks for quick replies and patience with a newbie. So I’m opening a node/add form into a modal with a link like so..
<a class="use-ajax" data-dialog-options="{"width":800}" data-dialog-type="modal" href="/node/add/article">Add Article</a>
I’d like the modal to open/close with a fade effect (or slide in, etc).
Is there a way to leverage JS, CSS or Drupal itself to create this animation?
Is there a better solution all together to displaying a node/add form in a popup/lightbox type element with ajax?
Thank you!
Go to Source of this post
Author Of this post: Sampsonite
Title Of post: Add animation/fade to modal/dialogue box (without using the bootstrap)
Author Link: {authorlink}