Friday, April 6, 2012

Modal Page goes ColorBox

I'm excited to announce the 2.0 release of the SkillBuilders Modal Page plug-in. The first version used some code borrowed from Super LOV to display the modal. While it helped get the plug-in out quickly it had some issues in older versions of IE (6 and 7). Having said that, I believe the implementation of the plug-in has worked quite well.

The big news in this release is a transition over to ColorBox! ColorBox is a lightweight customizable lightbox plugin for jQuery by Jack Moore. The great thing about ColorBox is that it was made to work well with iframes so it plays nice with older versions of IE. Just check out our demo page to see how much better the modal dialogs look!

Of course there are some other nice enhancements as well. Here's a summary:
  • Moved to ColorBox over jQuery UI Dialog for the modal display
  • New  resize method added
  • New events added
    • Auto Close
    • Manual Close
    • Close (new)
    • Start Open (new)
    • End Open (new)

Also, have a look at the example on our Super LOV demo page. That's an example of how Super LOV can be combined with Modal Page for some really cool functionality! I'll be sure to blog on how to do that ASAP!

Hope you like the new version!