mmtrav
Member
I've always wondered why you couldn't set the default values for the name fields in all Gravity Forms, the way you can do it for the e-mail address and all the other fields.
The reason is that I like to design forms that have the labels inside the field boxes themselves and that gives me a bit more design room to play with.
Is there a way to accomplish this on form load that I don't know? Or is there a way I'm not seeing on the backend?
An option to set a default value for a name field doesn't make a lot of sense to me. I understand you want to use it instead of a label though. You could accomplish this with some jQuery on the page load.
Something like this..
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#input_1_2.3").attr("value", "enter your first name");
jQuery("#input_1_2.6").attr("value", "enter your last name");
});
</script>screenshot: http://grab.by/7Z2L
We may have an option for inline labels in a future release - we're still considering it.
mmtrav
Member
Well.. almost perfectly. I also want the fields to clear when on focus, so I used the script from this link:
http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/
Unfortunately it doesn't work with the jquery above used to populate the name field, as that is not specified as a 'this.defaultvalue' in the first place and is being added by jquery.
I get the sense this should be easy but because I don't know javascript I'm struggling. Could I get a bit of code to make it work?
Exact same predicament here :). I don't know enough about jQuery to figure out priority. Any ideas or suggestions?
Any follow-up? I'm hoping to do this as well.
redhillcrea.tv
Member
Hi All,
I puzzled over this for a bit then realised that the #input was incorrect.
I changed :
#input_1_2.3 to #input_1_2_3 and #input_1_2.6 to #input_1_2_6 . ( replace the period . symbol with an underscore _ ) and this worked fine.
Well at least for me it did.
Hope this helps
redhillcrea.tv
Member
Scratch that.
This works for some reason on my local WAMP, but NOT on my godaddy hosting?
Weird much?
Here is a post of my ongoing saga to include this and similar jQuery into my GF:
http://www.gravityhelp.com/forums/topic/where-should-i-place-custom-jquery
