Hey Guys,
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.
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.
We consider it a "compact" view of a form.
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.
The first implementation utilizes CSS to override the positioning of a label field. Where we basically make it absolutely positioned within a relative input
</li> then utilize jQuery to show or hide the field's label if it has a value or if the field is focus/blur.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.
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)
