Buck Anderson - DNN Professor Member Login
February 08, 2012

ForumsDNN Professor Forums

DotNetNuke Forums | Xmod Forums | Internet Marketing Forums | DNN Professor Product Forums

Product Support and Product Forums Registration


Subject: Centering the Business Directory Slide Show Images in IE
Prev Next
You are not authorized to post a reply.

Author Messages
Buck AndersonUser is Offline

DNN Master
DNN Master
Posts:657

Send This Member a Private Message

10/07/2009 2:52 PM  

NOTE: The following information and file download have been tested on DNN 4.95 and higher.

This may cause a the following error in DNN 4.7 to DNN 4.9.4:

Message: '$.browser' is null or not an object
Line: 13
Char: 1
Code: 0
URI: /Portals/0/xmod/packages/BusinessDirectory/thickbox.js

The lightbox or slide show image option in Business Directory properly centered the lightbox in the FireFox browser but did not maintain the centering of images in IE.

This was due to the way that IE interpets styling.

This was a problem for users due to the fact that the images would appear above the browser positions view.

I have discovered a resolve.

http://jamazon.co.uk/web/2008/03/17/thickbox-31-ie7-positioning-bug/

The slide show is rendered by the jQuery application named Thickbox 3.1.

Modifications were needed to the thickbox.js file to trap the use of the IE browser and then modify the styling to center the slide show.

Correcting the issue is a s simple as replacing the thickbox.js file with the revised file that I have attached to this post. Note: Unpack the attached zip file to your local computer to reveal the thickbox.js file.

One Minor Tweak to the thickbox.js file

To get the nifty loading... animated image to appear you need to make one little change to thickbox.js. Near the top of the file, locate the following line:

var tb_pathToImage = "/Portals/0/xmod/packages/BusinessDirectory/loadingAnimation.gif";

If your portal is not 0 modify the link to match your portal ID

Installation Steps

1. Login into your site with Admin or Host rights.

2. Go to Admin >> File Manager

3. Drill down to the BusinessDirectory folder

File Manager >> Portal Root >> xmod >> packages >> Business Directory

4. Save your existing thickbox.js file

5. Upload the revised thickbox.js file. This operation will replace the existing file.

You will need to test on your installation. If you receive errors revert back to the original thickbox.js file.

Buck

.

 


Attachment: 1107522450471.zip


Buck Anderson - DNN Professor

DNNprofessor.com


http://twitter.com/DNNprofessor


DotNetNuke - XMod Training Coach and XMod MVP


You are not authorized to post a reply.
Forums > Product Forums > Business Directory > Centering the Business Directory Slide Show Images in IE



ActiveForums 3.7

Copyright 2004 - 2012 by Jive Media Group LLC. All Rights Reserved.  | Terms of Use | Privacy Statement | Email White Listing | Site Map