Friday, August 19, 2016

How to add webform into modal window

1. Download necessary files: http://vodkabears.github.io/remodal/
2. Move _remodal.css_ , _remodal-default-theme.css_, _remodal.js_ to the theme's css/js folder
3. Add js to trigger the modal function. For example:

$('.more-lnk').click(function() {
   var inst = $('.get-more-info').remodal();
   $('.get-more-info').removeAttr('style');
   inst.open();
  });
  
  $('.get-more-info .fa.fa-close').click(function() {
   var inst = $('.get-more-info').remodal();
   inst.close();
  });

Where "get-more-info" is the object that will be displayed in modal.

No comments:

Post a Comment