Modal Windows

A modal window is a triggered dialog box that appears above the parent page.

Modal Windows by Size

Default Modal  Code

Large Modal  Code

Small Modal  Code

Modals with Video

When using modals with video, add this head code snippet so that if a user closes the modal while the video is still playing, the video automatically stops. Make sure that the main container for the modal includes the .modal-video-player class.


<script>
jQuery(function() {

jQuery(".modal-video-player").on('hidden.bs.modal', function (e) {
  jQuery(".modal-video-player iframe").attr("src", jQuery(".modal-video-player iframe").attr("src"));
});

});
</script>