Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Howto: closelabel.gif problems and z-index

  • Nicklas Blidmo
  • Nicklas Blidmo's Avatar Topic Author
  • Offline
  • New Member
More
16 years 9 months ago #12482 by Nicklas Blidmo
Howto: closelabel.gif problems and z-index was created by Nicklas Blidmo
I have been struggling with SIG Pro for some time now and want to share some problems and the solutions that worked for me. This only applies to Joomla 1.5.

1. Slimbox and Thickbox is not compatible with Joomla 1.5 image captions.

Symptoms: image captions does not appear on page, regardless of template and browser.

Cause: Joomla 1.5 image captions are generated by the caption.js script which depends on mootools. Slimbox also depends on Mootools and somehow Thickbox also collides with caption.js..

Solution:
Use another popup engine

2. The close button (closelabel.gif) is missing when using lytebox or litebox popup engine.

Symptoms:
In Firefox the image is missing, in Internet Explorer the image is replaced by a red cross.

Cause:
If Joomla 1.5 native SEF is enabled, the path to the closelabel.gif is corrupted.

Solution: In plugins/content/jwsigpro/litebox/english/litebox.js add a "/" in front of the path "plugins/content/jwsigpro/litebox/english/closelabel.gif". This  will prevent Joomla SEF from corrupting the path. Same solution applies to lytebox.js.

3. The top menu items are displyed on top of the expanded picture

Symptoms: See above

Cause: The menu architecture (Suckerfish in my case) has a very high Z-index value (900 in my case using weblogic template from JS) compared to the popup engine Z-index.

Solution:
Lower the Z-index value in your template (search for z-index in the css-files of your template) to for example 99.

If this does not help (it won't help for lytebox or litebox), you must increase the Z-index for the popup engine. This is done in the css-files for the popup engines. For example:
"plugins/content/jwsigpro/lytebox/english/lytebox.css"
Change the value in the following row from 90 to 100.

#overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;

Same fix applies to litebox.

Consider making this post sticky if people find it useful

/Nicklas

Please Log in or Create an account to join the conversation.

More
16 years 8 months ago #12483 by David Boggitt
Replied by David Boggitt on topic Re: Howto: closelabel.gif problems and z-index
Just to say that I'm no expert and by experimenting (using J1.0.15) I changed the z-value from 900 to 80 in ..\templates\js_aqua\css\menu.css (and I kept it the same in ..\mambots\content\plugin_jw_sigpro\lytebox\english\lytebox.css) and this succeeded in making the topmenu (using Aqualine from JS) no longer display above the popup.

I wonder what else I might have damaged though....  ???

Dave.

Please Log in or Create an account to join the conversation.

More
16 years 7 months ago #12484 by Jill Clarke
Replied by Jill Clarke on topic Re: Howto: closelabel.gif problems and z-index
Thank you Nicklas

I had just got the SEF to work on a new site, and then in testing found I'd lost the "close" in sigPro

A search on this forum found your answer(I am using lytebox)and I have added that pesky / to the file

plugins/content/jwsigpro/lytebox/english/lytebox.js

The "close" has re-appearde!

J

Please Log in or Create an account to join the conversation.

  • JoomlaWorks Support Team
  • JoomlaWorks Support Team's Avatar
  • Offline
  • Platinum Member
More
16 years 7 months ago #12485 by JoomlaWorks Support Team
Replied by JoomlaWorks Support Team on topic Re: Howto: closelabel.gif problems and z-index
Thank you about the feedback!

I'm going to check out it, me too!  :)

Thank you again!

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
16 years 3 months ago - 16 years 3 months ago #12486 by bruce goldstein
Replied by bruce goldstein on topic Re: Howto: closelabel.gif problems and z-index
Re: #2.  If you do that it appears to work in Firefox but in IE7, the slideshow will stop working entirely.  Anyway to apply that fix ONLY to Firefox browsers?

In the lytebox.css file, I see this:
/* Trick IE into showing hover */display:block;}
#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(nextlabel.gif) right 15% no-repeat;}

But it doesn't have anything like that relating to the close button.  Is that a clue?  Can something be put in here to "trick IE into showing the close button"?

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum