https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields Gravity Support Forums Topic: Change position of sub-labels on advanced fields en-US Thu, 16 Apr 2026 08:23:50 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-376172 Mon, 12 Aug 2013 05:39:29 +0000 Richard Vav 376172@https://legacy.forums.gravityhelp.com/ <p>Here's an update by <a href="http://www.gravityhelp.com/forums/profile/webaware" rel="nofollow">Ross McKay</a>:</p> <blockquote><p>The code there acts upon all fields, then undoes its actions for radio buttons and checkboxes. Better to just not act on those. Here's a snippet that only adds the script to pages with a Gravity Forms form, and doesn't act on radio buttons or checkboxes.</p> <p><a href="http://pastebin.com/WCuDc0Eh" rel="nofollow">http://pastebin.com/WCuDc0Eh</a></p></blockquote> https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-179801 Thu, 21 Mar 2013 15:29:01 +0000 Chris Hajer 179801@https://legacy.forums.gravityhelp.com/ <p>Thanks for the updated code. <a href="http://pastebin.com/CfFeP4Ux" rel="nofollow">http://pastebin.com/CfFeP4Ux</a> </p> https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-177133 Tue, 19 Mar 2013 16:56:49 +0000 DrDavid 177133@https://legacy.forums.gravityhelp.com/ <p>Chris, your pastebin is the old version...</p> <pre><code>jQuery(&#39;.ginput_container label&#39;).each(function(i,e){ fielddesc = jQuery(&#39;&lt;div&gt;&#39;).append(jQuery(e).clone()).remove().html(); jQuery(e).siblings(&#39;.ginput_container input[type=email]&#39;).before(fielddesc); jQuery(e).siblings(&#39;.ginput_container input:text&#39;).before(fielddesc); //moves sub label above input fields jQuery(e).siblings(&#39;.ginput_container select&#39;).before(fielddesc); //moves sub label above select fields (e.g. country drop-down) jQuery(e).siblings(&#39;.ginput_container .gfield_radio input&#39;).after(fielddesc); //keep label above radio buttons jQuery(e).siblings(&#39;.ginput_container .gfield_checkbox input&#39;).after(fielddesc); jQuery(e).remove(); });</code></pre> <p>This one above works ^^^^ the one you have on the pastebin doesn't do emails properly...</p> <p>(and, pastebin: <a href="http://pastebin.com/wbrrLBkx" rel="nofollow">http://pastebin.com/wbrrLBkx</a> ) </p> https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-176305 Tue, 19 Mar 2013 01:09:36 +0000 Chris Hajer 176305@https://legacy.forums.gravityhelp.com/ <p>I posted something similar earlier this evening, here:<br /> <a href="http://www.gravityhelp.com/forums/topic/address-labels-below-fields#post-176132" rel="nofollow">http://www.gravityhelp.com/forums/topic/address-labels-below-fields#post-176132</a></p> <p>Is this working for you now? </p> https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-176292 Tue, 19 Mar 2013 00:59:00 +0000 DrDavid 176292@https://legacy.forums.gravityhelp.com/ <p>Solution:</p> <pre><code>jQuery(&#39;.ginput_container label&#39;).each(function(i,e){ fielddesc = jQuery(&#39;&lt;div&gt;&#39;).append(jQuery(e).clone()).remove().html(); jQuery(e).siblings(&#39;.ginput_container input[type=email]&#39;).before(fielddesc); jQuery(e).siblings(&#39;.ginput_container input:text&#39;).before(fielddesc); //moves sub label above input fields jQuery(e).siblings(&#39;.ginput_container select&#39;).before(fielddesc); //moves sub label above select fields (e.g. country drop-down) jQuery(e).siblings(&#39;.ginput_container .gfield_radio input&#39;).after(fielddesc); //keep label above radio buttons jQuery(e).siblings(&#39;.ginput_container .gfield_checkbox input&#39;).after(fielddesc); jQuery(e).remove(); });</code></pre> https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-175806 Mon, 18 Mar 2013 17:34:18 +0000 DrDavid 175806@https://legacy.forums.gravityhelp.com/ <p>Actually, this isn't right either.. It doesn't move the email field descriptions...</p> <p>Unfortuantely, I'm sick, and my coding ability is about 0 today.</p> <p>I tried adding this:</p> <pre><code>jQuery(e).siblings(&#39;.ginput_container input:email&#39;).before(fielddesc);</code></pre> <p>But, it doesn't work..</p> <p>Anyone who's not sick care to fix my mistake? Then, it should actually work correctly :) </p> https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-160489 Tue, 05 Mar 2013 01:01:16 +0000 Chris Hajer 160489@https://legacy.forums.gravityhelp.com/ <p>Thanks for the update DrDave. </p> https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-159003 Sat, 02 Mar 2013 16:13:22 +0000 DrDavid 159003@https://legacy.forums.gravityhelp.com/ <p>You missed a line... Without it, checkbox fields don't work. Here's the correct code.</p> <pre><code>[js] &lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function() { jQuery(&#39;.ginput_container label&#39;).each(function(i,e){ fielddesc = jQuery(&#39;&lt;div&gt;&#39;).append(jQuery(e).clone()).remove().html(); jQuery(e).siblings(&#39;.ginput_container input:text&#39;).before(fielddesc); //moves sub label above input fields jQuery(e).siblings(&#39;.ginput_container select&#39;).before(fielddesc); //moves sub label above select fields (e.g. country drop-down) jQuery(e).siblings(&#39;.ginput_container .gfield_radio input&#39;).after(fielddesc); //keep label above radio buttons jQuery(e).siblings(&#39;.ginput_container .gfield_checkbox input&#39;).after(fielddesc); //keep label above checkboxes jQuery(e).remove(); }); }); &lt;/script&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-98823 Tue, 04 Dec 2012 12:51:04 +0000 David Peralty 98823@https://legacy.forums.gravityhelp.com/ <p>Thanks cjmox. I am sure someone will. </p> https://legacy.forums.gravityhelp.com/topic/change-position-of-sub-labels-on-advanced-fields#post-98821 Tue, 04 Dec 2012 12:49:22 +0000 cjmox 98821@https://legacy.forums.gravityhelp.com/ <p>I edited this a little for my form, since the code above was making my radio labels wonky. This code is the same as above except it selects text inputs specifically while making an exception for radio buttons. Hope someone finds it useful!</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function() { jQuery(&#39;.ginput_container label&#39;).each(function(i,e){ fielddesc = jQuery(&#39;&lt;div&gt;&#39;).append(jQuery(e).clone()).remove().html(); jQuery(e).siblings(&#39;.ginput_container input:text&#39;).before(fielddesc); //moves sub label above input fields jQuery(e).siblings(&#39;.ginput_container select&#39;).before(fielddesc); //moves sub label above select fields (e.g. country drop-down) jQuery(e).siblings(&#39;.ginput_container .gfield_radio input&#39;).after(fielddesc); //keep label above radio buttons jQuery(e).remove(); }); }); &lt;/script&gt;</code></pre>