https://legacy.forums.gravityhelp.com/topic/hint-box Gravity Support Forums Topic: Hint Box en-US Sat, 04 Apr 2026 13:42:14 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/hint-box#post-13676 Tue, 30 Nov 2010 17:25:30 +0000 Kevin Flahaut 13676@https://legacy.forums.gravityhelp.com/ <p>Gravity Forms uses the "Qtip" tooltip library. There are a few steps to setting it up and using it on the front end. I detailed how to do this in a post some time back. Here's the link with the how-to.</p> <p><a href="http://forum.gravityhelp.com/topic/add-help-tips-next-to-a-field#post-7277" rel="nofollow">http://forum.gravityhelp.com/topic/add-help-tips-next-to-a-field#post-7277</a> </p> https://legacy.forums.gravityhelp.com/topic/hint-box#post-13663 Tue, 30 Nov 2010 16:39:36 +0000 ryanopaz 13663@https://legacy.forums.gravityhelp.com/ <p>I tried to implement this and failed! :( But then I realized that your form builder has them exactly like I want them! :) </p> <p>the pop up bubbles you have on each field name in the form builder is all I want to use on my own forms. Any chance there is an easy way to do this? </p> <p>thanks! </p> https://legacy.forums.gravityhelp.com/topic/hint-box#post-13356 Thu, 25 Nov 2010 22:30:00 +0000 Kevin Flahaut 13356@https://legacy.forums.gravityhelp.com/ <p>Assuming you've added the scripts and styles to your theme header properly, this should work. The field description allows HTML so you could use that to insert the link/text you need to add.</p> <p>example: <a href="http://grab.by/7AkF" rel="nofollow">http://grab.by/7AkF</a></p> <p>Then, you'd just need to do a little CSS work to position the description field next to the input.. of course replacing "#field_60_2" with your actual field ID</p> <pre><code>/* make the container relative */ .gform_wrapper li#field_60_2 {position:relative} /* absolutely position the hint next to the input */ .gform_wrapper li#field_60_2 .gfield_description { position:absolute; top:20px; left:320px; font-size:14px; font-style:normal }</code></pre> <p>screenshot: <a href="http://grab.by/7AkX" rel="nofollow">http://grab.by/7AkX</a></p> <p>Of course, you can tweak all the styles to suit your particular form. </p> https://legacy.forums.gravityhelp.com/topic/hint-box#post-13344 Thu, 25 Nov 2010 18:04:36 +0000 urmedia 13344@https://legacy.forums.gravityhelp.com/ <p>Because GF populates the HTML for your forms this isn't something you can do easily. </p> <p>Here's the route to take with the current available features of GF:</p> <p>Create a text box input field and pre-populate it with a '?' and give it a class 'txtHint' or some such</p> <p>In your stylesheet remove the 'box' of the input field and align accordingly</p> <p>Attach the class of your '?' field to your javascript/jquery and that's that. Keep in mind, however, that that applies to a single class.</p> <p>Two ways to add such function to multiple fields is to get the form as an array of fields or give each text tip a unique class name,."</p> <p>I'm probably overcomplicating it..was there a basic html field with GF? </p> https://legacy.forums.gravityhelp.com/topic/hint-box#post-13342 Thu, 25 Nov 2010 17:58:46 +0000 sandman18 13342@https://legacy.forums.gravityhelp.com/ <p>Thanks, but it was not really what I was looking for. <a href="http://dynamicdrive.com/dynamicindex16/showhint.htm" rel="nofollow">http://dynamicdrive.com/dynamicindex16/showhint.htm</a> is the best example I can find. I just don't know where to put the code and how to manipulate the form field to show the question marks that you roll over. </p> https://legacy.forums.gravityhelp.com/topic/hint-box#post-13338 Thu, 25 Nov 2010 17:42:53 +0000 urmedia 13338@https://legacy.forums.gravityhelp.com/ <p>Don't recall off the top of my head, but I believe you can control the form field titles.</p> <p>Anyway, check out simple variations like:</p> <p><a href="http://blog.robvolk.com/2009/01/jquery-form-input-hints.html" rel="nofollow">http://blog.robvolk.com/2009/01/jquery-form-input-hints.html</a></p> <p>Alternately you can get far more advanced and integrate something like:</p> <p><a href="http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html" rel="nofollow">http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html</a> </p> https://legacy.forums.gravityhelp.com/topic/hint-box#post-13336 Thu, 25 Nov 2010 17:31:51 +0000 sandman18 13336@https://legacy.forums.gravityhelp.com/ <p>Here is the best example of what I am trying to do. They give a script to insert in the &lt;head&gt; and then the script for the form. I don't know where to insert the script and I don't know how to add to the form field. Here is the url. <a href="http://dynamicdrive.com/dynamicindex16/showhint.htm" rel="nofollow">http://dynamicdrive.com/dynamicindex16/showhint.htm</a> </p> https://legacy.forums.gravityhelp.com/topic/hint-box#post-13333 Thu, 25 Nov 2010 16:52:56 +0000 Kevin Flahaut 13333@https://legacy.forums.gravityhelp.com/ <p>What are you trying to manipulate exactly? Trying add something to a field, etc? </p> https://legacy.forums.gravityhelp.com/topic/hint-box#post-13331 Thu, 25 Nov 2010 16:51:50 +0000 sandman18 13331@https://legacy.forums.gravityhelp.com/ <p>I have found a couple scripts out there but I am not sure how to implement them into gravity forms. when I pull up the editor I don't see where to manipulate the form. Thanks. </p> https://legacy.forums.gravityhelp.com/topic/hint-box#post-13328 Thu, 25 Nov 2010 16:43:38 +0000 Kevin Flahaut 13328@https://legacy.forums.gravityhelp.com/ <p>There are several tooltip and "hint box" scripts out there - some more difficult to add than others. It just depends on how they're implemented.</p> <p>If it just requires a class name on an element, you can add custom class names to the field containers via the form editor. It may require that you use some custom jQuery to add an attribute to a form element if you need to. I'm sure it's possible, in fact, I've seen some forms that are using similar techniques. It's just something you'd have to do a little custom work to make happen. </p>