Features and Benefits of TC.PopItUp

	•		This system gives you the ability to design the popup offline or in dnn with the use of html
	•		You have full control over turning on/off the toolbar and scrollbars for each instance
	•		Center the popup or enter top and left start coordinates for each instance
	•		Specify the width and height for each popup
	•		Streamlined JavaScript code (no excessive scripts)
	•		All JavaScript is guaranteed to be error free and is compatible with IE, Netscape and Mozilla Firefox
	•		Specify each instance to popup everytime the page is visited or popup only once
	•		You choose between popup or popunder for each instance

Step 1 ●●●

Adding the module to the page and configuring it

 

ADDING THE MODULE TO THE PAGE

This module should only be added to a page you want to generate a popup or popunder.  Add the module to the page just like you would any other module.  Once you add the module you will see something similar to below (See figure 1).

 

figure 1

 

Highlight the arrow and select Settings from the menu (See figure 2).

 

figure 2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

CONFIGURING THE SETTINGS

The screen you will see now is the settings screen.  Click the + sign to expand the PopItUp Settings and start configuring.

 

figure 3

 

Note: If you turn on “center the popup” the two options below it are disabled.

 

I am not going to go into elaborate detail here about each setting since the question mark icons can be used to obtain help.

 

figure 4

 

 

 

 

HIDING THE CONTROL

The last step is to hide the control from visitors so all they get is the popup window and no container display.  You will want to configure 2 options under Page Settings -> Basic.  The first setting you want to change is the Visibility option.  Change this to none.  The other setting you want to change is the Display Container option.  Make sure this checkbox is not checked.  Click update for the settings screen and configuration is done. (See figure 5)

 

figure 5

 

 

 

 

Step 2 ●●●

Using the Manage html option

 

I included this option to make it easy for anyone to edit html files under the Portals directory.  In order to upload new files with the extension htm or html you have to have access to the host settings on your portal.  There is a setting under Host -> Host Settings -> Advanced -> Other.  Then you want to add the two extensions to the File Upload Extensions textbox.  If you don’t have access to host settings just upload files through the file manager with another extension like .txt and then rename the file to change the extension.  I have included two images below so you can see what the manage html option looks like (See figure 6 and 7).

 

figure 6   figure 7