Gantry "rokradios" class - do I need to modify?
-
-
- YeeP
- Hero Rocketeer
- Posts: 287
- Thanks: 0
-
Can anyone take a look at this please? I cannot imagine that a phpbb3 forum would have a class called rokradios for the radio buttons. So what gives?
Here is the statement on the page in question1)<label class="rokradios rokterms rokradios-active" for="terms1"> <input id="terms1" type="radio" checked="checked" value="all" name="terms" style="position: absolute; left: -10000px;"> Search for all terms or use query as entered </label>
site:
www.countywrestling.org
2) please login
login: user
pass: user
3)
url to head to: www.countywrestling.org/forum/search.php
You will see that the radio buttons have the text on top of them. A simple change of the above code to "position: relative..." Takes care of the problem. However, that has to cause other problems in Joomla itself.
Questions:
1) I am having a heck of a time finding the file that defines the radio button position! Looks like gantry.css???
2) Why is this happening??? (Is there only 1 allowed definition of radio buttons or something?)
Any help around this would be much appreciated! - Last Edit: 13 years 2 months ago by YeeP.
-
-
-
- YeeP
- Hero Rocketeer
- Posts: 287
- Thanks: 0
-
I swear I found the file yesterday at work, but I did not take note of it. I will keep searching. Regardless I know it was a gantry file, weather or not it was in the gantry library, or one of the gantry files in the template I cannot remember.
Either way, I am 100% positive that phpBB3 and the style I am using do not declare a class under that name. This must be something else.... ??
-
-
-
- YeeP
- Hero Rocketeer
- Posts: 287
- Thanks: 0
-
OK, I just found this javascript file:
/libraries/gantry/admin/widgets/radios/js/radio.js
This fits the criteria, not sure if it is correct though, if the forum just called it a "radio" this file would make sense./** * @version 3.2.8 August 1, 2011 * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2011 RocketTheme, LLC * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only */ var InputsExclusion = ['.content_vote']; var InputsMorph={version:1.7,init:function(){InputsMorph.rtl=$(document.body).getStyle("direction")=="rtl";InputsMorph.list=new Hash({all:[]});var a=$$(".g-surround input[type=radio]");var d=$$(InputsExclusion.join(" input[type=radio], ")+" input[type=radio]");d.each(function(b){a=a.remove(b);});a.each(function(b,c){InputsMorph.setArray("list","all",b);if(InputsMorph.list.hasKey(b.name)){InputsMorph.setArray("list",b.name,b);}else{InputsMorph.list.set(b.name,[b]);}InputsMorph.morph(b,"radios").addEvent(b,"radios");});a=$$("input[type=checkbox]");d=$$(InputsExclusion.join(" input[type=checkbox], ")+" input[type=checkbox]");d.each(function(b){a=a.remove(b);});a.each(function(b,c){InputsMorph.setArray("list","all",b);if(InputsMorph.list.hasKey(b.name)){InputsMorph.setArray("list",b.name,b);}else{InputsMorph.list.set(b.name,[b]);}InputsMorph.morph(b,"checks").addEvent(b,"checks");});},morph:function(e,d){var h=e.getNext(),g=e.getParent(),f=e.name.replace("[","").replace("]","");if(h&&h.getTag()=="label"){e.setStyles({position:"absolute",left:"-10000px"});if(InputsMorph.rtl&&window.gecko){e.setStyles({position:"absolute",right:"-10000px"});}else{e.setStyles({position:"absolute",left:"-10000px"});}if(InputsMorph.rtl&&(window.opera||window.ie)){e.setStyle("display","none");}if(window.ie7){e.setStyle("display","none");}h.addClass("rok"+d+" rok"+f);if(e.checked){h.addClass("rok"+d+"-active");}}else{if(g&&g.getTag()=="label"){if(InputsMorph.rtl&&window.gecko){e.setStyles({position:"absolute",right:"-10000px"});}else{e.setStyles({position:"absolute",left:"-10000px"});}if(InputsMorph.rtl&&(window.opera||window.ie)){e.setStyle("display","none");}g.addClass("rok"+d+" rok"+f);if(e.checked){g.addClass("rok"+d+"-active");}}}return InputsMorph;},addEvent:function(e,d){e.addEvent("click",function(){if(window.opera||window.ie){if(e.opera){InputsMorph.switchReplacement(e,d);}e.opera=(d=="checks")?false:true;}else{InputsMorph.switchReplacement(e,d);}});if(window.opera||window.ie||(e.getNext()&&!e.getNext().getProperty("for"))){var g=e.getNext(),f=e.getParent();if(g&&g.getTag()=="label"&&(window.ie||(window.opera&&!e.opera))){g.addEvent("click",function(){if((window.opera||window.ie)&&!e.opera){e.opera=true;}e.fireEvent("click");});}else{if(f&&f.getTag()=="label"||(e.getParent()&&!e.getParent().getProperty("for"))){f.addEvent("click",function(){e.fireEvent("click");});}}}return InputsMorph;},switchReplacement:function(l,k){if(k=="checks"){var j=l.getNext(),c=l.getParent(),a="rok"+k+"-active";var i=((j)?j.getTag()=="label":false);var b=((c)?c.getTag()=="label":false);if(i||b){if(i){if(j.hasClass(a)&&i){j.removeClass(a);}else{if(!j.hasClass(a)&&i){j.addClass(a);}}}else{if(b){if(c.hasClass(a)&&b){c.removeClass(a);}else{if(!c.hasClass(a)&&b){c.addClass(a);}}}}}}else{InputsMorph.list.get(l.name).each(function(e){var d=e.getNext(),f=e.getParent();var h=l.getNext(),g=l.getParent();$$(d,f).removeClass("rok"+k+"-active");if(d&&d.getTag()=="label"&&h==d){e.setProperty("checked","checked");d.addClass("rok"+k+"-active");}else{if(f&&f.getTag()=="label"&&g==f){f.addClass("rok"+k+"-active");e.setProperty("checked","checked");}}});}},setArray:function(f,e,h){var g=InputsMorph[f].get(e);g.push(h);return InputsMorph[f].set(e,g);}};window.addEvent("domready",InputsMorph.init);
Any RT members want to chime in?
-
-
-
- ibweb
- Rocketeer
- Posts: 53
- Thanks: 0
-
On my install the location is:
components/com_gantry/admin/widgets/radios/js/radios.js
The code certainly appears to be the culprit. I would not think this file applies since its only within the Joomla installation and not phpBB3, at least in my case. I tried removing that file anyway, just to see if it had an effect...it did not.
-
-
-
- ibweb
- Rocketeer
- Posts: 53
- Thanks: 0
-
Well I could not find the code, but I was able to come up with an inline style override for the time being:
In one of the your RT phpBB3 css files, add the following:input[style] { position:relative !important; left: 0 !important; }
I would love to know the exact cause of this vs. having to resort to a forced override...
-
-
-
- YeeP
- Hero Rocketeer
- Posts: 287
- Thanks: 0
-
Ya, I was trying to do the same thing. However I am not using an RT phpbb3 style. I tried earlier, but there are just too many gantry conflicts when you try to go to a frameless bridge (i.e. 1.7).
Ill give your idea a shot to see what I can get.
Edit:
Tried this in tweaks.css. Must have done something wrong.input #dchsforum { position:relative !important; left: 0 !important; }
-
-
-
- ibweb
- Rocketeer
- Posts: 53
- Thanks: 0
-
Paste my exact code block into your css file and it should work.
The formatting is actually loading as an inline style, so the code I posted needs to be inserted verbatim. The [style] refers to the "style=" within the input block and is not a reference to a class or id since its not loaded in the DOM that way.
The other disadvantage to this approach is this will apply to ANY inline style within an <input> since a class/id cannot be targeted. I don't think its an issue (at least not that I can tell) but its another reason I'd like to just eliminate the initiating code.
-
Time to create page: 0.056 seconds