https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields Gravity Support Forums Topic: Removing Labels from fields en-US Mon, 20 Apr 2026 06:32:21 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73343 Thu, 30 Aug 2012 17:00:20 +0000 heydarian 73343@https://legacy.forums.gravityhelp.com/ <p>Rob,</p> <p>I fixed the problem that was pulling extra (old) jQuery into the page. I also added the jLabel script. The form puts still dont change when clicked on. </p> <p>Nima, </p> https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73320 Thu, 30 Aug 2012 14:51:29 +0000 heydarian 73320@https://legacy.forums.gravityhelp.com/ <p>You're right. It seems like the slider plugin is adding its own (old) jQuery. i have to see if I can find it and take it out. Thanks for the help </p> https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73313 Thu, 30 Aug 2012 14:25:59 +0000 Rob Harrell 73313@https://legacy.forums.gravityhelp.com/ <p>Nima,</p> <p>It looks like your site is including two versions of jQuery. At the top you have the latest, which is correct. But then further down the page you have a much older version:</p> <p><a href="http://www.evernote.com/shard/s212/sh/ff0c6b38-4083-45ff-8644-ce81130d139a/41a3dbbd646ac06254f8b4b85362afdf" rel="nofollow">Screenshot</a></p> <p>You also have a JS error: <a href="http://www.evernote.com/shard/s212/sh/107b88a2-3f1a-40c0-af04-8d78e8d76731/4e0bbfda683f344aaa4500f9a5e22e5d" rel="nofollow">Screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73305 Thu, 30 Aug 2012 13:18:17 +0000 heydarian 73305@https://legacy.forums.gravityhelp.com/ <p>Thanks. I did that (copied the jLabel file. Its also going to be for the first form made on my site so the ID number would be the same as yours (#gform_wrapper_1). It didn't work on my site though. Should I be including anything else also?<br /> <a href="http://www.heritagelawmarketing.com/" rel="nofollow">http://www.heritagelawmarketing.com/</a></p> <p>Thanks<br /> Nima </p> https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73275 Thu, 30 Aug 2012 10:43:29 +0000 Rob Harrell 73275@https://legacy.forums.gravityhelp.com/ <p>If you view the source of that page link I sent you, with my example on it. All the way at the bottom you will see a reference to a jLabel file. If you path to that and open it up, just grab that and place it in to your theme. Then just change the selectors as necessary:</p> <p><code>jQuery(&#39;#gform_wrapper_1 input:text, #gform_wrapper_2 input:text&#39;).jLabel();</code></p> <p>What that is doing is targeting all text inputs in forms with the ID of 1 and 2. </p> https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73271 Thu, 30 Aug 2012 10:38:05 +0000 heydarian 73271@https://legacy.forums.gravityhelp.com/ <p>Thanks. Is there a tutorial somewhere on how to implement that with Gravity forms? </p> https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73267 Thu, 30 Aug 2012 10:32:07 +0000 Rob Harrell 73267@https://legacy.forums.gravityhelp.com/ <p>That's because it is technically a value and can be submitted. This is one of the drawbacks of using default values as "labels". That's where using the <a href="http://www.wduffy.co.uk/jLabel/" rel="nofollow">jLabel</a> approach I linked to is more bulletproof. It is a customization and does require some basic knowledge of jQuery and placement in files - but it works great.</p> <p>jLabel will take the actual "label" and place it inside of the input and retain validation. You can see a demo of that <a href="http://greenwaycredit.com/" rel="nofollow">here</a> which I did for a freelance client. </p> https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73265 Thu, 30 Aug 2012 10:28:48 +0000 heydarian 73265@https://legacy.forums.gravityhelp.com/ <p>Yes. I got that part working. I have one problem though, when I set the "Input Value" to be something (Ex. 'Enter Your Name') it seems that the form is taking that as a value and not validating the field for an actual input anymore. </p> https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73254 Thu, 30 Aug 2012 10:01:07 +0000 Rob Harrell 73254@https://legacy.forums.gravityhelp.com/ <p>You can use this to hide the labels (for this specific form):</p> <pre><code>[css] #gform_wrapper_1 .gfield_label { display: none; }</code></pre> <p>What exactly did you have in mind for styling? I can help guide you here. </p> https://legacy.forums.gravityhelp.com/topic/removing-labels-from-fields#post-73253 Thu, 30 Aug 2012 09:54:09 +0000 heydarian 73253@https://legacy.forums.gravityhelp.com/ <p>Ok. I'll wait for that too.</p> <p>Form is on this page: <a href="http://www.heritagelawmarketing.com/" rel="nofollow">http://www.heritagelawmarketing.com/</a><br /> I'm having a hard time styling it though. Seems to be more involved than I thought. I was under impression there are a bunch of templates to choose from and modify rather than having to style it all myself. </p>