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.

Modify the form layout

  1. I'm wanting to put the titles of my form items inside the form itself. Is there an easy way to do this? My friend is using PancakeApp for Invoicing and this is where I got the idea from.

    You can see a working demo of the site here http://pancakeapp.com/demo/admin/clients/create . Click on Client and then Add Client.

    Posted 12 years ago on Wednesday February 8, 2012 | Permalink
  2. Hey Matt,

    There's no easy way to do that. It looks they're using some CSS trickery (absolute positioning) of a "placeholder" div with the title to get it in the input. They're then padding each input enough to allot for the space it takes up.

    screenshot: http://bit.ly/yj1eP8

    You can do it the same way, but if it's a large form it's going to be a bit of work. It's going to take a bunch of custom CSS rules and some of the HTML fields to add the extra divs & other markup in there.

    Posted 12 years ago on Wednesday February 8, 2012 | Permalink
  3. Kevin,

    Thanks for the quick reply. I was rooting through the code and I was hoping it wasn't going to be that hard but oh well. Back to the drawing board to think of how I'm going to setup my Contact Page.

    Posted 12 years ago on Wednesday February 8, 2012 | Permalink
  4. Is this what yo are talking about
    http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/

    Posted 12 years ago on Wednesday February 8, 2012 | Permalink
  5. @scott,

    Nope, not the same thing Matt was talking about. In his example, the "default" text didn't clear. It wasn't actually in the input element at all, just absolutely positioned over it to give that illusion.

    Thanks for sharing the link though. He may want to explore that possibility.

    Posted 12 years ago on Wednesday February 8, 2012 | Permalink
  6. Ah i see.... yeah there is some cool stuff you can do with forms but it takes some know how and patience.... I like the mad Lib Style thing yoiu guys did but I could not get that working... Need video tutorial :)

    http://www.rocketgenius.com/gravity-forms-mad-lib-style-form-demo/

    Posted 12 years ago on Wednesday February 8, 2012 | Permalink