1. How to Display any Page or Module Within a dnnModal Pop-up
  1. 11m 18s
    Sep 01, 2012

In this tutorial we demonstrate how to make any page, any piece of content or any single module from anywhere on our site appear in a modal pop-up by simply creating a hyperlink.

If you've even the smallest experience with Dotnetnuke 6 you should have seen these pop-ups in action already, they are used when we edit content or settings throughout a DNN6 site.

I'm going to walk you through first how to make an entire page pop up which will include all modules on the selected page.

We'll then move on and show you how to select an individual module to pop up, such as a single HTML module or a survey module.

Finally we'll look at how we can change the pop-up dimensions and we'll walk through the remaining features such as redirection after closing the pop-up window.

This video contains:

  • Introduction
  • How to build the initial hyperlink
  • Creating the hyperlink ‘onclick’ event
  • How to use dnnModal.show
  • Adding the pop-up source url
  • How to use the popUp=true querystring parameter to remove the page skin
  • Introduction to the popUp skin
  • Pop-up arguments or settings
  • Setting the pop-up dimensions
  • Setting the href attribute for javascript disabled browsers
  • How to create a pop-up containg a single HTML module
  • How to resize the pop-up
dnn6 jquery
Andy Stephenson

About 2012 Edition

2h 46m 47s All Jan 01, 2012

DNN Video Tutorials posted during 2012

dnn6 administration beginners blog form forum jquery menu open source module responsive skin
Andy Stephenson

30 days money back guaranteed