https://legacy.forums.gravityhelp.com/topic/new-label-placement-option-in-field-when-space-for-a-form-is-limited Gravity Support Forums Topic: New Label Placement Option (In Field) when space for a form is limited en-US Sat, 04 Apr 2026 16:23:29 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/new-label-placement-option-in-field-when-space-for-a-form-is-limited#post-61302 Mon, 04 Jun 2012 08:50:41 +0000 Aaron Ware 61302@https://legacy.forums.gravityhelp.com/ <p>Hi @freak_flow our team has a pretty solid implementation for this. We actually don't utilize the default value area of the admin but instead utilize the labels. Similar concept though over all. We do however have a few more robust features. I should probably make a post and share it here for others.</p> <p>Thanks for posting that article as it should be really useful to other users looking for a super simple solution. </p> https://legacy.forums.gravityhelp.com/topic/new-label-placement-option-in-field-when-space-for-a-form-is-limited#post-61204 Sat, 02 Jun 2012 17:28:31 +0000 freaky_flow 61204@https://legacy.forums.gravityhelp.com/ <p>This was covered here, but should really be a default option...<br /> <a href="http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/" rel="nofollow">http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/</a> </p> https://legacy.forums.gravityhelp.com/topic/new-label-placement-option-in-field-when-space-for-a-form-is-limited#post-53040 Wed, 21 Mar 2012 11:06:19 +0000 Aaron Ware 53040@https://legacy.forums.gravityhelp.com/ <p>Hey Guys,</p> <p>One thing that we in a lot of our gravity forms is place the label within the field on forms where space for a form is limited. We've been utilizing 2 methods (both using jQuery) and a little bit of CSS.</p> <p>I figured I would post a request here as a feature because I think it needs to be better integrated with the plugin itself as there are a few hiccups that we had to take care of in both of our implementations.</p> <p>We consider it a "compact" view of a form.</p> <p>I figured you guys do your own thing so I didn't bother posting the jQuery I am utilizing in the feature request as I figured you guys can do your own thing.</p> <p><hr /><br /> The first implementation utilizes CSS to override the positioning of a label field. Where we basically make it absolutely positioned within a relative input <code>&lt;/li&gt;</code> then utilize jQuery to show or hide the field's label if it has a value or if the field is focus/blur.<br /> <hr /><br /> The second implementation utilizes CSS and jQuery as well but instead of absolutely positioning the label using css we simply display:none it. Then we utilize jQuery to take the input field's label.text() value and set that as the text within the appropriate input field. You need to additionally put in a check to make sure that the on gravity_form_render that you reset the field.<br /> <hr /><br /> Because both of these implementations are work around there are some other challenges. Such as overriding a lot of css regarding invalid field display. (This is in part due to how we are using gravity forms outside of the drag and drop implementation I suspect) </p>