• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

I Like Kill Nerds

The blog of Australian Front End / Aurelia Javascript Developer & brewing aficionado Dwayne Charrington // Aurelia.io Core Team member.

  • Home
  • Aurelia 2
  • Aurelia 1
  • About
  • Aurelia 2 Consulting/Freelance Work

Introducing Infield Labels for Gravity Forms

General · November 27, 2012

If you’ve ever had to develop a form in WordPress before then you’d know without Gravity Forms it’s a very painful process. Recently while using the Gravity Forms plugin I was asked to develop a form with infield labels instead of the standard HTML label on-top. Out-of-the-box Gravity Forms supports no such functionality, so I did what any good developer would do and created a plugin and uploaded it to Github.

The plugin does what the name implies, it removes the standard Gravity Forms label and makes all supported inputs have the label instead. Sometimes this is cleaner and a request you might hear from a designer every now and then. Sure we have the HTML5 placeholder attribute, but support is still flaky for browsers like Internet Explorer. This plugin should support all browsers including IE6 (if you’re into that kind of thing still) without using any HTML5 functionality.

If you have any problems, suggestions or improvements feel free to fork the code on Github and send me a pull request.

If you don’t use Gravity Forms but would like infield labels, simply remove the following lines from the top and take note of how it’s used to apply it to any form.

[code]$(function() {
$(“.gform_wrapper form”).labelfy();
});[/code]

Check out the plugin here on Github.

Dwayne

Leave a Reply Cancel reply

0 Comments
Inline Feedbacks
View all comments

Primary Sidebar

Popular

  • Testing Event Listeners In Jest (Without Using A Library)
  • How To Get The Hash of A File In Node.js
  • Waiting for an Element to Exist With JavaScript
  • Thoughts on the Flipper Zero
  • How To Get Last 4 Digits of A Credit Card Number in Javascript
  • How To Paginate An Array In Javascript
  • How To Mock uuid In Jest
  • How to Copy Files Using the Copy Webpack Plugin (without copying the entire folder structure)
  • Reliably waiting for network responses in Playwright
  • Wild Natural Deodorant Review

Recent Comments

  • Dwayne on Is Asking Developers How to Write FizzBuzz Outdated?
  • kevmeister68 on Is Asking Developers How to Write FizzBuzz Outdated?
  • Kevmeister68 on Start-Ups and Companies That Embrace Work From Anywhere Will Be More Likely to Survive the Coming Recession in 2023
  • kevmeister68 on What Would Get People Back Into the Office?
  • Dwayne on PHP Will Not Die

Copyright © 2023 · Dwayne Charrington · Log in

wpDiscuz