DotNetNuke Skins and Resources by ThinkofDesign

    Hello
I tried to use GreyBox in my dotnetnuke site on my local computer,but It did not work at all..I followed the steps that are in the GreyBox documentation (see attachement).I need help because I made or I missed something.
Thanks
Domukajoor

Hi Domukajoor,

This is what I did to make GreyBox work for me:

1. I created a GreyBox folder in the root of my web site and I put in there the js files and the css file I downloaded from http://orangoo.com/labs/GreyBox/Download/

2. I added in the Head section of my Default.aspx the js and css as described in the GreyBox Documentation (with the right path)

3. I added the onClick js calls in the links or images I wanted to use the GreyBox as described in the usage section of the http://orangoo.com/labs/GreyBox/ page

That's it. Of course JavaScript must be enabled in your browser or else GreyBox won't work.

If you had your site online I could take a look and tell you what's wrong.

Cheers

Hmm, just noticed that there are important changes with the latest versions.

I'll check them and I'll post again later.

    Hello
Thanks for your quick answer to my post.I don't have my site up and running yet,It's still under development on my local computer because I am new to DNN.The name of my site is afrikonline.
Here are the steps I followed to try to make it works:

1-I downloaded GreyBox_v5_09

2-Went to C:\Inetpub\wwwroot\afrikonline to paste the GreyBox folder located at the following location on my computer Desktop\GreyBox_v5_09\GreyBox_v5_09\greybox

3-Went to C:\Inetpub\wwwroot\afrikonline\Default.aspx to paste in the head section the following Js and Css files:

< script type="text/javascript"> var GB_ROOT_DIR = "http://mydomain.com/greybox/"; < /script>
< script type="text/javascript" src="greybox/AJS.js">< /script>
< script type="text/javascript" src="greybox/AJS_fx.js">< /script>
< script type="text/javascript" src="greybox/gb_scripts.js">< /script>
< link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

4-Finally here is the link I put in the module html/text:
< a class="CommandButton" href="http://www.jotali.com" title="jotali" rel="gb_page𖕬, 500]">Senegal Yellow Pages on mobile< /a>

Well, the rel method introduced in the latest version or versions and it doesn't work with DotNetNuke probably because of a conflict.

You can still make it work though.

First in step 3 use absolute paths everywhere:

< script type="text/javascript"> var GB_ROOT_DIR = "http://mydomain.com/greybox/"; < /script>
< script type="text/javascript" src="http://mydomain.com/greybox/AJS.js">< /script>
< script type="text/javascript" src="http://mydomain.com/greybox/AJS_fx.js">< /script>
< script type="text/javascript" src="http://mydomain.com/greybox/gb_scripts.js">< /script>
< link href="http://mydomain.com/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

Then in step 4 your link has to be like this:

< a class="CommandButton" href="http://www.jotali.com" onClick="return GB_showFullScreen('jotali','http://www.jotali.com');">Senegal Yellow Pages on mobile< /a>

Cheers

    Hello
Again thanks a lot for your help.I had to use the following link to make it works:
< a href="http://google.com" title="Google" onclick="return GB_show(this.title, this.href, 500, 500)">Launch Google< /a>
Now my question is how to center the popup windows.
regards
thanks
domukajoor

Well, I think GB_showCenter instead of GB_show will make it.

Again thanks a lot your tip did work