GreyBox: We like the way GreyBox pops stuff up, this one is perfect for displaying external webpage (without leaving your webpage), register form pop up, pictures folder, the only draw back is that we couldn't get it to display thumbnails, it doesn't support slideshow (or at least we don't know how to yet), it doesn't animate the scale down/up of pictures like LightBox2, but the navigation bar is much better than the LightBox2. There's always hit and miss of any plugins, since we didn't write any, so we don't criticize, just use it accordingly.
Assumming we loaded the plugins into our plugins directory = http://yours.com/yournucleus/nucleus/plugins/ we should have 2 components, 1 is a greybox folder and one is NP_GreyBox.php in the plugins directory.
In the admin page click the plugin link (on the left hand column) and the
already installed and not yet install will
. We already installed the GreyBox, but in the picture, you can see others that were in the plugins folder, but we haven't installed and we're not going to install. Assuming GreyBox is there, just select it and click install plugins.
Go to GreyBox plugin and click
, we only change the address to full and everything... ... else default, since we couldn't get the thumbnails to display, we select NO on generate thumbnail.
The next thing we need to edit is the head of the skin file, in our case, we used modified "default" skin, then the file needs to be edited is head.inc and we need to add
(with the % signs) right under the <head> and if you notice, the LightBox2 is there too for the LightBox2 plugins next. Now we're ready to use the GreyBox plugins.
Nice popup greybox for register, add this line in loginform-notloggedin.template under nucleus/forms
<%GreyBox(http://www.ltooz.com/ltooz341/createaccount.php|Please Register For Comments|login|pagefs)%> it will show if people have not logged in like this
it does give a nice touch for the website.
Go to Pictures in Nucleus for usage.
* Since we like to use Greybox extensively for displaying webpages within a webpage, download the original GreyBox, extract it to a folder on our website and use the scripts to run our stuff. In order to use Greybox scripts, we need to add the files in the head.inc file of each skin that we use.
Example here is the small picture, which we can't see very well, we're going to display the link to the full size picture with GreyBox scripts, first we need to edit this in html since it's tinymce and NOT tinymce2, click HTML icon, pop screen will show the picture resized, go to the GreyBox website under advance usage to select what we want to use. Here we chose showPage.

So right after ../greyboxhead.jpg" we added the scripts to show the page (use highlight, copy and paste)

Change 'google' to 'greyboxfull', click update and we're done, when we click the small pictures the greybox will appear with the fullsize one. This procedure can be use with all webpages. Remember to bookmark the advance usage because we need them down the line.
To summerize the type of GreyBox usages.
- GreyBox Nucleus Plugin: if using tinymce then put @ in front of <%GreyBox(...)%> all folder and files starts from folder"../media/", better yet, don't use tinymce2, make sure <%GreyBox%> is added in the head page of the skin. The G & B in GreyBox are upper case.
- To use the original GreyBox scripts, add the scripts on the head page of the skin and use the scripts described in the website advance usage.





