lightbox with CS 2008

rated by 0 users
Answered (Verified) This post has 1 verified answer | 10 Replies | 2 Followers

By: datvtran@looks-magazine.com
Posted: Thu, Jun 19 2008 4:21 PM

Hi,

 

I was wondering if anyone was able to use lightbox with CS 2008. If so would you please tell me how I can able please.

 

I have been pulling my hair trying to figure it out with Ken's lightbox module.  If you have it done please tell me how can i accomplish this please.

 

Thanks you

 

 
  • Filed under: |
  • Post Points: 5 |

Answered (Verified) Verified Answers

Hi Gordon,

 

I did finally get this to work. 

You have to upload the lightbox folder to the website.  Then you'll need to modify ~/Themes/Blogs/Your Theme/post.aspx

at line 29 I added this:

<div class="CommonContentArea">
       
        <div class="CommonContent">
           
    <link rel='stylesheet' href='/Utility/lightbox/css/lightbox.css' type='text/css' media='screen' />
    <script type='text/javascript'>
    <!--
    var lightboxResourcePath = '/Utility/lightbox/';
    //-->
    </script>
    <script type='text/javascript' src='/Utility/lightbox/js/prototype.js'></script>
    <script type='text/javascript' src='/Utility/lightbox/js/scriptaculous.js?load=effects,builder'></script>
    <script type='text/javascript' src='/Utility/lightbox/js/lightbox.js'></script>

        </div>
    </div>

That is pretty much how i got it done.  after that just follow the lightbox instruction on ref"lightbox"

hope that help.

 

 
Answered (Verified) by: afscrome
  • Post Points: 25 |

All Replies

Hi,

 

Would someone be able to help me please.

 

Thanks

 
  • Filed under: |
  • Post Points: 5 |

Hi,

Would anyone be able to answer this for me please.

 

Thanks

 
  • Post Points: 5 |

Hi,

 

It's almost been two weeks and no one from CS staff is able to help me on this????

I'm surprise about this or maybe I should just contact CS technical support instead.

Hope someone can help with this please.

 

Thanks

 
  • Post Points: 20 |
afscrome
Top 10 Contributor
2,732 Posts
Points 40,200
TelligentSupportTeam
By: afscrome
Posted: Thu, Jun 26 2008 4:28 PM In reply to

Technically CS support does not cover custom development. Adding Lightbox support to CS classifies as custom development, so I would say that contacting CS support will not product any results.

I suspect the reason why you've not received much in the way of replies is not many people visiting this forum have any experties with using Lightbox, and so have not been able to answered your question.

Maybe if you were to give a bit more detail on quite what with Ken's old module is causing you to pull your hair out someone may be able to spot something that would suggest what was going wrong.

 
  • Post Points: 20 |

Hi Afscrome,

 

Thank you for responding to my email.  here is the instruction I have followed, I just wanted to use the lightbox function

SETUP

-------

Follow these instructions to setup the modules:



1. Place the Qgyen.Lightbox.dll files in the 'bin'

   directory of the site.



2. Copy the contents of the 'lightbox' folder to the "Utility" folder

   of your Community Server site.



   Note: You can place it elsewhere and tell the module where to find it by editing

         the web.config in the root of the Community Server install and adding

         a similar appSetting (~ represending the root of the Community Server

         application:

            <add key="LightboxResourceLocation" value="~/lightbox/" />



3. Add the following entries to the <CSModules> section of the communityserver.config:



   <add name="Lightbox" type="Qgyen.Lightbox.LightboxModule, Qgyen.Lightbox" />

   <add name="GalleryLightbox" type="Qgyen.Lightbox.GalleryLightboxModule, Qgyen.Lightbox" />





With the FlickrLightboxModule, you can set the default image sizes by adding a thumbSize and

detailSize attribute with the values of either square, thumbnail, small, medium, large,

and original.  The defaults are thumbnail and medium.



   <add name="FlickrLightbox" type="Qgyen.Lightbox.FlickrLightboxModule, Qgyen.Lightbox"

       thumbSize="thumbnail" detailSize="medium" />





4. If you wish to use the regular Lightbox module, ensure that in the <MarkUp> section

   of the communityserver.config allows the use of the "rel" attribute in the A tag.

   This is already done in Community Server v2.0 beta3 and newer.  It should look as

   follows:



   <a href = "true" title = "true" name = "true" target= "true" rel = "true" />





 USING LIGHTBOXMODULE

----------------------

The LightboxModule class allows the use of any image and link to trigger a Lightbox pop up.

To use it, simply include some markup similiar to the following:



   <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>



The important piece is to include the rel="lightbox" on the A tag.  This triggers the link

to open the Lightbox pop up.



You can also tag multiple images into a set by using rel="lightbox[somename]", such as:



   <a href="images/image-1.jpg" rel="lightbox[test]" title="my caption">image #1</a>



 
  • Post Points: 20 |
afscrome
Top 10 Contributor
2,732 Posts
Points 40,200
TelligentSupportTeam
By: afscrome
Posted: Thu, Jun 26 2008 4:54 PM In reply to

After you insalled the Lightbox, what didn't work about it?  Did nothing work, did you just get a javascript error on the pages? etc.

One thing to note is that you should touch your web.config file after modifying communityserver.config (or the _override version).

 
  • Post Points: 35 |

Hi,

 

when i posted the blog with <a href="utility/lightbox/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

it would only display " image #1 " without my image showing up.

plus when hover over the click it would also display the url mywebsiteurl/controlpanel/blogs/posteditor.aspx/uitlity/lightbox/images/image-1.jpg

 

Also i did touch the web.config

 
  • Post Points: 5 |

Hi Afscrome,

 

Apparently the lightbox script is not able to work.  here is the link to the testing blog page I have been trying to get lightbox working.

http://fresh.looks-magazine.com/trendy/blogs/looks/archive/2008/06/30/test11.aspx

When I looked at the source code it don't seem to show the lightbox script on there.

I have upload the .dll file to the bin and added what was needed to communitysever.config and web.config as well.

 
  • Post Points: 20 |
Gordon Kennedy
Not Ranked
Male
8 Posts
Points 145
By: Gordon Kennedy
Posted: Thu, Aug 21 2008 5:44 AM In reply to

datvtran,

Did you ever get this working? If so I''d be really interested in hearing about it.

cheers,

Gordon

 
  • Post Points: 20 |

Hi Gordon,

 

I did finally get this to work. 

You have to upload the lightbox folder to the website.  Then you'll need to modify ~/Themes/Blogs/Your Theme/post.aspx

at line 29 I added this:

<div class="CommonContentArea">
       
        <div class="CommonContent">
           
    <link rel='stylesheet' href='/Utility/lightbox/css/lightbox.css' type='text/css' media='screen' />
    <script type='text/javascript'>
    <!--
    var lightboxResourcePath = '/Utility/lightbox/';
    //-->
    </script>
    <script type='text/javascript' src='/Utility/lightbox/js/prototype.js'></script>
    <script type='text/javascript' src='/Utility/lightbox/js/scriptaculous.js?load=effects,builder'></script>
    <script type='text/javascript' src='/Utility/lightbox/js/lightbox.js'></script>

        </div>
    </div>

That is pretty much how i got it done.  after that just follow the lightbox instruction on ref"lightbox"

hope that help.

 

 
Answered (Verified) by: afscrome
  • Post Points: 25 |
Page 1 of 1 (11 items) | RSS
Powered by Community Server (Commercial Edition), by Telligent Systems

Copyright© 2008 Telligent Systems Inc. All rights reserved
CommunityServer.com  •  Telligent.com