Gantry + IE7/8 + Option Boxes
-
-
- digitaldiy
- Sr. Rocketeer
- Posts: 103
- Thanks: 0
-
Hi everyone,
I've stumbled onto an issue that has got me stumped - The guys on the Joomla forum said this was a Gantry issue and it would be best to have it discussed over here. Option boxes in IE7/IE8 are not working on my Joomla site - The easiest way to test this is the search component & 'Search Only' option boxes.
Try search for the text "test" and select articles only. Once the search completes, you will notice the articles option has not retained it's selection.
The same issue arises anywhere on the site where option boxes are used (registration for example). I'm not sure how long the problem has been around for, it's only surfaced to my attention late last week.
On my sandbox site, I've tried removing every non-standard item along with custom scripts. Although I haven't been able to pin point the error.
I'm not sure what is causing the issue, and would greatly appreciate any help to fix it!
Versions:
Gantry 3.1.11
Joomla 1.5.22
Quantive Template 1.5.4
PHP 5.2.15
Database 5.0.92-community
-
-
-
- markaharper
- Newbie
- Posts: 7
- Thanks: 0
-
Hi,
I too am having the same issue with the checkboxes via Tachyon, JomSocial, Internet Explorer 8.
The checkboxes would not change when clicked.
The issue is with ALL checkboxes, not just the "remember me" checkbox on the JomSocial login form.
I switched templates and the checkboxes worked within JomSocial.
What is actually happening is the checkboxes are being checked or unchecked, the issue is Internet Explorer is not "visually" updating the screen.
ISSUE FOUND
The problem is between JomSocial and Gantry gantry-inputs.js.
Gantry gantry-inputs.js re-writes the inputs and other form elements upon page load. This includes re-writing "label" elements.
With JomSocial 2.2.1, the "remember me" checkbox and profile checkboxes are NOT within spans or divs, but they are within "label" tags.
So when gantry-inputs.js re-writes 'labels', it re-writes the label AND checkboxes within JomSocial in such a way that Internet Explorer does not visually display the updating of checkboxes that are being checked or un-checked.
MY SOLUTION:
The solution is adding two lines of code to gantry-inputs.js.
libraries/gantry/js/gantry-inputs.js
Modify...
var InputsExclusion = ;
... to...
var InputsExclusion = ;
InputsExclusion = (InputsExclusion.join(" .loginform, ");
InputsExclusion = (InputsExclusion.join(" .lblradio-block ");
The '.loginform' is for the "remember me" checkbox on the JomSocial login form.
The 'lblradio-block' is for the JomSocial profile checkboxes.
I hope this helps.
Thanks, Mark:
Thanks, Mark
-
-
-
- markaharper
- Newbie
- Posts: 7
- Thanks: 0
-
Oops... ... UPDATE!
Do not do the previous modification...
var InputsExclusion = ;
InputsExclusion = (InputsExclusion.join(" .loginform, ");
InputsExclusion = (InputsExclusion.join(" .lblradio-block ");
... this creates other issues. DO NOT USE IT.
My New fix is
libraries/gantry/js/gantry-inputs.js
var InputsExclusion = ;
Then on...
templates/rt_tachyon_j16/html/com_community/frontpage.guests.php
I moved the "remember me" checkbox outside of the label /label tag.
I hope this works.
Thanks, Mark
-
Time to create page: 0.048 seconds