susann Gravity Support Forums User Favorites: SusanN en-US Tue, 21 Apr 2026 15:28:15 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-32392 Fri, 12 Aug 2011 11:47:43 +0000 Chris Hajer 32392@https://legacy.forums.gravityhelp.com/ <p>Glad you got it sorted out. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-32370 Fri, 12 Aug 2011 07:36:47 +0000 TeeRiddle 32370@https://legacy.forums.gravityhelp.com/ <p>Hi Chris, thanks for your reply.</p> <p>The javascript was showing up at the top of the page when you viewed it? You must have viewed the page while I was tinkering with it. I was playing with different ways of inserting the js and one of those times it was appearing at the top of the page. That must have been when you looked at the page.</p> <p>I'm using a Genesis child theme and added the js per the StudioPress recommendation of using the wp_enqueue_script() function in functions.php</p> <p>I have it working properly now after adding !important to the .mychoice and likert-hover classes in the CSS. I'm not sure if that's the ideal way to fix it, but it worked.</p> <p>Thanks for your time! </p> https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-32345 Thu, 11 Aug 2011 20:56:17 +0000 Chris Hajer 32345@https://legacy.forums.gravityhelp.com/ <p>I'm going to guess that you have this code in the wrong place. I saw this displayed when I viewed the page in Firefox:</p> <pre><code>// add support for Gravity Forms Likert/Survery style radio fields // <a href="http://www.gravityforms.com" rel="nofollow">http://www.gravityforms.com</a> jQuery(document).ready(function() { jQuery(window).load(function() { if(jQuery(&quot;.gf_likert ul.gfield_radio li input&quot;).is(&quot;:checked&quot;)) { jQuery(&quot;.gf_likert ul.gfield_radio li input:checked&quot;).parent().addClass(&quot;mychoice&quot;); } }); // add some extra classes and markup to make our likert-style radio choices jQuery(&quot;.gf_likert ul.gfield_radio li:first-child&quot;).addClass(&quot;likert-first&quot;); jQuery(&quot;.gf_likert ul.gfield_radio li:last-child&quot;).addClass(&quot;likert-last&quot;); jQuery(&quot;.gf_likert ul.gfield_radio li input&quot;).addClass(&quot;likert-choice&quot;); jQuery(&quot;.gf_likert ul.gfield_radio li label&quot;).wrap(&quot; &quot;); // add a hover state jQuery(&quot;.gf_likert ul.gfield_radio li&quot;).hover(function(){ jQuery(this).addClass(&quot;likert-hover&quot;); }, function(){ jQuery(this).removeClass(&quot;likert-hover&quot;); }); // add a selected class to the parent list item jQuery(&quot;.likert-choice&quot;).change(function() { if(jQuery(this).is(&quot;:checked&quot;)) { jQuery(this).parent().parent().parent().find(&quot;.mychoice&quot;).removeClass(&quot;mychoice&quot;); jQuery(this).parent().addClass(&quot;mychoice&quot;); } }); });</code></pre> <p>Where did you add the code? If you added it to your header.php directly, you will need to add script tags around it:</p> <pre><code>&lt;script type=&#39;text/javascript&#39;&gt; // code // code // code &lt;/script&gt;</code></pre> <p>If you are including the JavaScript in an external file, you would not need those script tags.</p> <p>Additional reading about where to place the code:<br /> <a href="http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F" rel="nofollow">http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-32325 Thu, 11 Aug 2011 17:42:10 +0000 TeeRiddle 32325@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I guess I'm bringing this thread back from the depths. </p> <p>I'm having trouble getting the likert scale to work just right. The form I created does not hover correctly and the tick mark does not appear on selection.</p> <p>You can view the form here <a href="http://tomatoes.veggiegardener.com/location/" rel="nofollow">http://tomatoes.veggiegardener.com/location/</a></p> <p>Scroll to the very bottom of the page just above the comments sections.</p> <p>I feel like I'm missing something pretty simple, but don't know what.</p> <p>Thanks for any suggestions! </p> https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-18326 Fri, 11 Feb 2011 15:19:44 +0000 SusanN 18326@https://legacy.forums.gravityhelp.com/ <p>Kevin, I cannot thank you enough for what you've done! I'm really sorry it took me so long to get back to this topic. This project got put on the back burner for a couple months, but now they're ready to go again. </p> <p>Thanks again! It works well! </p> https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-17039 Wed, 26 Jan 2011 15:56:07 +0000 Kevin Flahaut 17039@https://legacy.forums.gravityhelp.com/ <p>yeah, I see that. You may need to either reduce the size of the fields (change to smaller class definition) or tweak the validation styles for the padding etc. You're just hitting the horizontal limits of the available area for the form.</p> <p>I personally would go with the first option - try using "gf_likert_110" instead of the "gf_likert_120" class name. It should fit better.</p> <p>screenshot: <a href="http://grab.by/8BeT" rel="nofollow">http://grab.by/8BeT</a> </p> https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-17037 Wed, 26 Jan 2011 15:34:50 +0000 Joe T 17037@https://legacy.forums.gravityhelp.com/ <p><a href="https://shrfp.com/rnv-panelist-survey/" rel="nofollow">https://shrfp.com/rnv-panelist-survey/</a></p> <p>Disabling ajax definitely helps with the style, but I notice some lines are now wrapped which are not wrapped on the initial view. </p> <p>I have found the problem with the missing questions. 100% my fault... </p> https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-17030 Wed, 26 Jan 2011 13:51:47 +0000 Kevin Flahaut 17030@https://legacy.forums.gravityhelp.com/ <p>Joe, are you using the Ajax submission method? If so, the likert style samples don't work with that - I originally did those before the Ajax submission was introduced into GF and haven't had an opportunity to go back and re-think the jQuery script for Ajax support.</p> <p>The validation highlighting plays nicely with the likert styles using the normal submission method. You can test it out on the demo at the rocketgenius.com site</p> <p>screenshot: <a href="http://grab.by/8B2M" rel="nofollow">http://grab.by/8B2M</a></p> <p>I haven't heard anything about fields not showing up. I don't recall your form URL at the moment, if you can you post it again here for me and I'll be happy to take a look. </p> https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-17029 Wed, 26 Jan 2011 13:37:46 +0000 Joe T 17029@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin - Found 2 more issue with the Likert style forms. </p> <p>1 - When submit is incomplete the resulting display breaks the likert formatting - hilighted required fields apparently overrides the likert styles.</p> <p>2 - I have some mysteriously non-showing questions at the end of my form. Has anyone else reported non-displaying questions at all? </p> https://legacy.forums.gravityhelp.com/topic/how-to-implement-excellentgoodfair-ratings-with-radio-buttons#post-16966 Tue, 25 Jan 2011 03:09:21 +0000 Kevin Flahaut 16966@https://legacy.forums.gravityhelp.com/ <p>@HaydenHancock - your form looks great. Thanks for the update.. very glad we figured it all out. </p>