PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Getting jLabel to work on Gravity Forms for removing text when clicked on field

  1. I'm trying to have the Field Values removed when the user clicks on the field and also for them not to count against the validation settings.

    Rob had suggested that I follow this example here: http://www.greenwaycredit.com/
    I tried implementing it on my own site - http://www.heritagelawmarketing.com/ - but can't troubleshoot it. Its not working right now.

    I was hoping someone could take a look at it and point me in the right direction.

    Thanks
    Nima Heydarian

    Posted 11 years ago on Friday August 31, 2012 | Permalink
  2. Nima,

    You've got it working. You just need to undo what you did prior to implementing. First, go into each field and remove the "default value" as the label goes into the input. Second, remove the label display:none CSS that I provided you prior to implementing jLabel. Change the phone field and the comments field to both be single input fields. Now give it a go.

    You can sort of see this in action now if you load up the form and then manually remove what's in the inputs. Click outside of the input and then you'll see the label for the field appear.

    Posted 11 years ago on Friday August 31, 2012 | Permalink
  3. Thanks. That worked.
    When someone doesnt enter a value, and click enter, the validation messes everything up again. Basically the labels start showing up and form spills over to the rest of the page. I think it would be a great addition to build this well into Gravity Forms. Its going to be a while before HTML5 becomes standard.

    Posted 11 years ago on Friday August 31, 2012 | Permalink