Display News/Event/Blog DetailView in Modal
I'd like to be able to show a list of News/Event/Blog and upon clicking an item to have it display the DetailView in a modal? Has anyone had an experience with this or have any suggestions?
One way we do it is to setup the control like you would normally do (i,e. in the designer have the detail set to open in a new page). Then client-side call "fancybox" on that anchor link to have it open as a an iframe
Hey Mark were you able to figure out a way to make this work? This is exactly what I'm looking to be able to do. Any help would be greatly appreciated!
Thanks!
Hi Richard,
You need to include jquery and fancybox on the parent page. Once you have that, include your class, 'fancyIframe' on the link to to your detail page. You'll probably want to create a new modal template with limited styling for your modal detail page.
Finally, include the script to wire the class to the fancybox.
$(document).ready(function () $('.fancyboxIframe').fancybox( href : $(this).attr('href'), type: 'iframe', minWidth: 250, maxWidth: 960, width: 960 ););