Page 1 of 1

Internet Explorer, Modal Overlay and Gallery Load issues.

Posted: 17 Sep 2010, 20:57
by Pako
Phoca Gallery is great. It has been a bit of experience working around it's features and misc. nuances, but with that said, what a great component and addition to the Joomla family. Thank you Jan.

On to the issue at hand, I suspect the answer will be, "Try it with the standard joomla template, and if it works, Phoca is fine". But setting that aside, here is my issue, that if resolved, my provide a solution for someone else as I couldn't find a solution anywhere.

Ok, in all browsers except Internet explorer, Phoca gallery is responding as anticipated, however in Internet Explorer I am having issues.

Phoca version: 2.7.4
Joomla Version: 1.5.20
Rockettheme: Kinetic
PHP 5

In IE7, the browser just locks up while trying to load individual categories of the Gallery.
In IE8, the galleries load, and I can click on a thumbnail where the JAK box opens with the Modal Overlay. However, upon trying to exit the detail popup view, the overlay never goes away.

Trying it in standard theme Milkyway, I do not have this issue.

Any thoughts?

Re: Internet Explorer, Modal Overlay and Gallery Load issues

Posted: 20 Sep 2010, 16:31
by Jan
Any thoughts?
Try it with the standard joomla template, and if it works, Phoca is fine. :|

But seriously, there are many inputs they can influence correctly displaying of Phoca Gallery. The most problematic combination is Phoca Gallery, not a standard template and IE ... :( But nobody here says, the template is wrong and Phoca Gallery is OK ... it is allways the conflict between both - between the template (template can work ok with other components) and Phoca Gallery (Phoca Gallery can work ok with other template) caused by obsolete version of IE :-( e.g.

The problem is, that I as developer am testing the Phoca Galery with different templates (mostly the standard templates) and have no resources to test it with all the templates they were released in all the possible obsolete browser versions :-(

So in fact, in such issue I am helpless like mostly the developer of the template. :-(

If this is a CSS issue, mostly the advice is, to delete parts of CSS code step by step and recognize which part is in conflict, if this is a javascript issue, it should be disabled and enabled different javascript libraries loaded on the site to get more detailed info about which library can cause the problem :-(

This is why most of the answers are: "Try to check it with standard template" ... because this is the first step of discovering the problem. If Phoca Gallery will work with standard template on your site, now we know the problem is in combination of Phoca Gallery and your template. Then you can go to the next level of discovering. Can this conflict be solved in some library of the template or of the component, can be used some hack for IE, etc.

Mostly if there is problematic javascript code like some problem with mootools, the problem is more than the component or template, because mootools is a part of Joomla! framework :-( (e.g. the modal box - it is a part of Joomla! so then the conflict must be found in Joomla! or the template or some IE hack needs to be found :-( )

So maybe you can paste there a link to the problem, maybe someone can add here some solution or some advice, without this link direct to the problem, I think nobody can imagine what exactly the problem is. But as I wrote above, mostly solution for such problem is searching the code of all parts (component, template, joomla framework, IE hacks and solutions) and trying step by step to modify the code :-(


Using a phrase: Try to check it with some standard template is not ignoring the problem, it is the first step to recognize where can be the problem.
Jan

Re: Internet Explorer, Modal Overlay and Gallery Load issues

Posted: 20 Sep 2010, 17:45
by Pako
Jan wrote:
Any thoughts?
Try it with the standard joomla template, and if it works, Phoca is fine. :|
:D Yes, yes it is....
But seriously, there are many inputs they can influence correctly displaying of Phoca Gallery. The most problematic combination is Phoca Gallery, not a standard template and IE ... :( But nobody here says, the template is wrong and Phoca Gallery is OK ... it is allways the conflict between both - between the template (template can work ok with other components) and Phoca Gallery (Phoca Gallery can work ok with other template) caused by obsolete version of IE :-( e.g.

The problem is, that I as developer am testing the Phoca Galery with different templates (mostly the standard templates) and have no resources to test it with all the templates they were released in all the possible obsolete browser versions :-(

So in fact, in such issue I am helpless like mostly the developer of the template. :-(
I totally understand. I can only imagine the number of different variables at play here, and that's just with the standardized templates. I can't fathom trying to provide a free product that meets compatibility on all pieces of code that could possibly be out there, and it makes sense that you would focus your attention on the standardized Joomla templates.
If this is a CSS issue, mostly the advice is, to delete parts of CSS code step by step and recognize which part is in conflict, if this is a javascript issue, it should be disabled and enabled different javascript libraries loaded on the site to get more detailed info about which library can cause the problem :-(

This is why most of the answers are: "Try to check it with standard template" ... because this is the first step of discovering the problem. If Phoca Gallery will work with standard template on your site, now we know the problem is in combination of Phoca Gallery and your template. Then you can go to the next level of discovering. Can this conflict be solved in some library of the template or of the component, can be used some hack for IE, etc.
That makes sense as well. Testing with the standard templates does give a starting point.
Mostly if there is problematic javascript code like some problem with mootools, the problem is more than the component or template, because mootools is a part of Joomla! framework :-( (e.g. the modal box - it is a part of Joomla! so then the conflict must be found in Joomla! or the template or some IE hack needs to be found :-( )
I know that this particular template from Rockettheme, and being presumptuous in saying, most Rockettheme templates are pretty heavily coded with mootools scripts. This could very well be the cause of incompatibility in some of the older IE browsers. I know Rockettheme's will no longer be coded to support IE6, but I was hoping for a good relationship from IE7 and up.
So maybe you can paste there a link to the problem, maybe someone can add here some solution or some advice, without this link direct to the problem, I think nobody can imagine what exactly the problem is. But as I wrote above, mostly solution for such problem is searching the code of all parts (component, template, joomla framework, IE hacks and solutions) and trying step by step to modify the code :-(


Using a phrase: Try to check it with some standard template is not ignoring the problem, it is the first step to recognize where can be the problem.
Jan
Here is the link to the site's gallery:
gilsgotit.com/cms/index.php?option=com_phocagallery&view=category&id=1&Itemid=173

There are two additional sub-menu's under the Gallery menu, the first one is using the standard milkyway template and the JAK popup parameter.

The second sub-menu is using the slimbox and overlib parameter that seems to be working fine in IE7 and up.

If I had a preference, however, I would use JAK as a parameter of choice just because I like the format in this situation. In the JAK parameter, I am also having issues with the Font Size, ect in the detail description. When I change the font size or color, it is not changing.... I haven't addressed this issue yet as I am still not sure if I will be using JAK or not for this particular project. Also, in using JAK, the darkened overlay seems to be a fixed height. It doesn't cover the entire length of the page. Not sure, but I suspect this is another conflict between Phoca/JAK and the Kinetic template.

With that, thanks for the reply Jan. Any input is appreciated.

Re: Internet Explorer, Modal Overlay and Gallery Load issues

Posted: 20 Sep 2010, 18:33
by Jan
About JAK, some methods are javascript methods, they display text with help of javascript and if you want to display javascript text in javascript window, you need to protect it e.g. because of ' or " which can make some problems in javascript - this is why e.g. some html is stripped to only text (then the color set in html will not work and must be set e.g. in JAK CSS)

If you want to use JAK then we have one problem more (gallery, template, joomla! framework, IE and JAK) so then it is really complicated. As I have tested JAK in IE, it should work there OK, so self JAK is ok but then the part of code needs to be found somewhere in the template (trying to shwitch offf loaded JS -which is problem too, becuase the JS can be loaded on all possible code parts :-( :-( )


For now I am on two computers where IE8 and IE9 is installed, I have switched to IE compatible view which should simulate IE7 in IE8 but get no problem on the site :-(
Jan

Re: Internet Explorer, Modal Overlay and Gallery Load issues

Posted: 20 Sep 2010, 19:02
by Pako
Were you looking at the JAK example gallery, or the Slimbox/overLIB example?

Re: Internet Explorer, Modal Overlay and Gallery Load issues

Posted: 21 Sep 2010, 13:41
by Jan
gilsgotit.com/cms/index.php?option=com_phocagallery&view=category&id=4:bedroom&Itemid=173 :idea:

Jan